diff --git a/src/components/floor-plan/modal/basic/BasicSetting.jsx b/src/components/floor-plan/modal/basic/BasicSetting.jsx
index 1f19f950..240d1514 100644
--- a/src/components/floor-plan/modal/basic/BasicSetting.jsx
+++ b/src/components/floor-plan/modal/basic/BasicSetting.jsx
@@ -42,7 +42,7 @@ export default function BasicSetting({ id, pos = { x: 50, y: 230 } }) {
   const [basicSetting, setBasicSettings] = useRecoilState(basicSettingState)
   const [isClosePopup, setIsClosePopup] = useState({ close: false, id: 0 })
   const [checkedModules, setCheckedModules] = useRecoilState(checkedModuleState)
-  const [roofs, setRoofs] = useState(null)
+  const [roofs, setRoofs] = useState(addedRoofs)
   const {
     moduleSelectionInitParams,
     selectedModules,
diff --git a/src/components/floor-plan/modal/basic/step/Trestle.jsx b/src/components/floor-plan/modal/basic/step/Trestle.jsx
index a6c62750..dd5a7529 100644
--- a/src/components/floor-plan/modal/basic/step/Trestle.jsx
+++ b/src/components/floor-plan/modal/basic/step/Trestle.jsx
@@ -258,9 +258,19 @@ const Trestle = forwardRef((props, ref) => {
       setRoofs(newAddedRoofs)
       setModuleSelectionData({
         ...moduleSelectionData,
-        roofConstruction: {
-          ...newAddedRoofs,
-        },
+        roofConstructions: newAddedRoofs.map((roof) => {
+          return {
+            addRoof: {
+              ...roof.addRoof,
+            },
+            trestle: {
+              ...roof.trestle,
+            },
+            construction: {
+              ...roof.construction,
+            },
+          }
+        }),
       })
       trestleTrigger({
         roofConstruction: newAddedRoofs.map((roof) => {