diff --git a/src/components/floor-plan/modal/grid/DotLineGrid.jsx b/src/components/floor-plan/modal/grid/DotLineGrid.jsx
index 1609f5a0..86584959 100644
--- a/src/components/floor-plan/modal/grid/DotLineGrid.jsx
+++ b/src/components/floor-plan/modal/grid/DotLineGrid.jsx
@@ -220,7 +220,7 @@ export default function DotLineGrid(props) {
   }
 
   return (
-    <WithDraggable isShow={true} pos={{ x: -150, y: 300 }}>
+    <WithDraggable isShow={true} pos={{ x: 1300, y: -660 }}>
       <div className={`modal-pop-wrap ssm mount`}>
         <div className="modal-head">
           <h1 className="title">{getMessage('modal.canvas.setting.grid.dot.line.setting')}</h1>
diff --git a/src/components/floor-plan/modal/grid/GridColorSetting.jsx b/src/components/floor-plan/modal/grid/GridColorSetting.jsx
index 21d2a210..ed213250 100644
--- a/src/components/floor-plan/modal/grid/GridColorSetting.jsx
+++ b/src/components/floor-plan/modal/grid/GridColorSetting.jsx
@@ -10,7 +10,7 @@ export default function GridColorSetting(props) {
   const { getMessage } = useMessage()
 
   return (
-    <WithDraggable isShow={true} pos={{ x: -150, y: 300 }}>
+    <WithDraggable isShow={true} pos={{ x: 1300, y: -660 }}>
       <div className={`modal-pop-wrap ssm mount`}>
         <div className="modal-head">
           <h1 className="title">{getMessage('modal.canvas.setting.grid.color.setting')}</h1>