diff --git a/src/components/floor-plan/CanvasMenu.jsx b/src/components/floor-plan/CanvasMenu.jsx
index 99499e88..b6b4520f 100644
--- a/src/components/floor-plan/CanvasMenu.jsx
+++ b/src/components/floor-plan/CanvasMenu.jsx
@@ -179,11 +179,6 @@ export default function CanvasMenu(props) {
           const modules = canvas.getObjects().filter((module) => module.name === POLYGON_TYPE.MODULE)
           const roofs = canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.ROOF)
 
-          roofs.forEach((roof) => {
-            delete roof.moduleCompass
-            drawDirectionArrow(roof)
-          })
-
           if (modules.length > 0) {
             swalFire({
               text: getMessage('module.delete.confirm'),
@@ -191,6 +186,13 @@ export default function CanvasMenu(props) {
               confirmFn: () => {
                 //해당 메뉴 이동시 배치면 삭제
 
+                roofs.forEach((roof) => {
+                  roof.set({ selectable: true })
+                  setSurfaceShapePattern(roof, null, false, roof.roofMaterial)
+                  delete roof.moduleCompass
+                  drawDirectionArrow(roof)
+                })
+
                 const moduleSurfacesArray = canvas
                   .getObjects()
                   .filter(
@@ -200,10 +202,6 @@ export default function CanvasMenu(props) {
 
                 if (moduleSurfacesArray.length > 0) {
                   // 모듈면 있을 경우 지붕면 할당 다시해야함
-                  roofs.forEach((roof) => {
-                    roof.set({ selectable: true })
-                    setSurfaceShapePattern(roof, null, false, roof.roofMaterial)
-                  })
                   moduleSurfacesArray.forEach((moduleSurface) => {
                     canvas.remove(moduleSurface)
                   })