diff --git a/src/hooks/option/useCanvasSetting.js b/src/hooks/option/useCanvasSetting.js
index 6d0d5acf..db374c7f 100644
--- a/src/hooks/option/useCanvasSetting.js
+++ b/src/hooks/option/useCanvasSetting.js
@@ -502,18 +502,18 @@ export function useCanvasSetting(executeEffect = true) {
               params.selectedRoofMaterial.width === null || params.selectedRoofMaterial.width === undefined
                 ? !params.selectedRoofMaterial.widBase
                   ? 0
-                  : params.roofsData.widBase
-                : params.selectedRoofMaterial.width,
+                  : Number(params.roofsData.widBase)
+                : Number(params.selectedRoofMaterial.width),
             roofHeight:
               params.selectedRoofMaterial.height === null || params.selectedRoofMaterial.height === undefined
                 ? !params.selectedRoofMaterial.lenBase
                   ? 0
-                  : params.selectedRoofMaterial.lenBase
-                : params.roofsData.roofHeight,
+                  : Number(params.selectedRoofMaterial.lenBase)
+                : Number(params.roofsData.roofHeight),
             roofHajebichi:
               params.selectedRoofMaterial.hajebichi === null || params.selectedRoofMaterial.hajebichi === undefined
                 ? 0
-                : params.selectedRoofMaterial.hajebichi,
+                : Number(params.selectedRoofMaterial.hajebichi),
             roofGap:
               params.selectedRoofMaterial.raft === null || params.selectedRoofMaterial.raft === undefined
                 ? params.selectedRoofMaterial.raftBaseCd