diff --git a/src/hooks/common/useGrid.js b/src/hooks/common/useGrid.js
index 9f8c72dd..78ae7643 100644
--- a/src/hooks/common/useGrid.js
+++ b/src/hooks/common/useGrid.js
@@ -50,8 +50,9 @@ export function useGrid() {
       const visibleBottom = visibleTop + canvasHeight / currentZoom
 
       const padding = 200
-      const gridLeft = visibleLeft - padding
-      const gridTop = visibleTop - padding
+      // 원점(0,0) 기준 그리드 간격의 배수로 정렬하여 줌 시 위치 고정
+      const gridLeft = Math.floor((visibleLeft - padding) / patternData.gridHorizon) * patternData.gridHorizon
+      const gridTop = Math.floor((visibleTop - padding) / patternData.gridVertical) * patternData.gridVertical
       const gridRight = visibleRight + padding
       const gridBottom = visibleBottom + padding
 
@@ -100,8 +101,9 @@ export function useGrid() {
 
       // 여유 공간 추가
       const padding = 200
-      const gridLeft = visibleLeft - padding
-      const gridTop = visibleTop - padding
+      // 원점(0,0) 기준 그리드 간격의 배수로 정렬하여 줌 시 위치 고정
+      const gridLeft = Math.floor((visibleLeft - padding) / patternData.gridHorizon) * patternData.gridHorizon
+      const gridTop = Math.floor((visibleTop - padding) / patternData.gridVertical) * patternData.gridVertical
       const gridRight = visibleRight + padding
       const gridBottom = visibleBottom + padding