diff --git a/src/components/floor-plan/CanvasMenu.jsx b/src/components/floor-plan/CanvasMenu.jsx
index b6b4520f..924bfa95 100644
--- a/src/components/floor-plan/CanvasMenu.jsx
+++ b/src/components/floor-plan/CanvasMenu.jsx
@@ -177,7 +177,6 @@ export default function CanvasMenu(props) {
       case 3:
         if (menuNumber > menu.index) {
           const modules = canvas.getObjects().filter((module) => module.name === POLYGON_TYPE.MODULE)
-          const roofs = canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.ROOF)
 
           if (modules.length > 0) {
             swalFire({
@@ -185,7 +184,7 @@ export default function CanvasMenu(props) {
               type: 'confirm',
               confirmFn: () => {
                 //해당 메뉴 이동시 배치면 삭제
-
+                const roofs = canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.ROOF)
                 roofs.forEach((roof) => {
                   roof.set({ selectable: true })
                   setSurfaceShapePattern(roof, null, false, roof.roofMaterial)
@@ -315,6 +314,13 @@ export default function CanvasMenu(props) {
     if (menuNumber === 3) {
       const moduleSurfacesArray = canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.MODULE_SETUP_SURFACE)
       if (moduleSurfacesArray.length > 0) {
+        const roofs = canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.ROOF)
+        roofs.forEach((roof) => {
+          roof.set({ selectable: true })
+          setSurfaceShapePattern(roof, null, false, roof.roofMaterial)
+          delete roof.moduleCompass
+          drawDirectionArrow(roof)
+        })
         moduleSurfacesArray.forEach((moduleSurface) => {
           moduleSurface.modules = []
           canvas.remove(moduleSurface)