diff --git a/src/hooks/option/useCanvasSetting.js b/src/hooks/option/useCanvasSetting.js
index 072a2987..d6cc0e2b 100644
--- a/src/hooks/option/useCanvasSetting.js
+++ b/src/hooks/option/useCanvasSetting.js
@@ -179,7 +179,7 @@ export function useCanvasSetting(executeEffect = true) {
       layout: ['ROOF_ID_SLATE', 'ROOF_ID_SINGLE'].includes(item.roofMatlCd) ? ROOF_MATERIAL_LAYOUT.STAIRS : ROOF_MATERIAL_LAYOUT.PARALLEL,
       hajebichi: item.roofPchBase && parseInt(item.roofPchBase),
       pitch: item.inclBase ? parseInt(item.inclBase) : 4,
-      angle: getDegreeByChon(item.inclBase ? parseInt(item.inclBase): 4) //item.angle ? parseInt(item.angle) : 21.8,
+      angle: getDegreeByChon(item.inclBase ? parseInt(item.inclBase) : 4), //item.angle ? parseInt(item.angle) : 21.8,
     }))
     setRoofMaterials(roofLists)
     return roofLists
@@ -231,8 +231,9 @@ export function useCanvasSetting(executeEffect = true) {
         setPolygonLinesActualSize(roof)
       })
       changeCorridorDimensionText()
+      canvas.renderAll()
     }
-  }, [corridorDimension])
+  }, [corridorDimension, canvasSetting])
 
   useEffect(() => {
     if (!executeEffect) {