diff --git a/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab02.jsx b/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab02.jsx
index bbd966f..5df5066 100644
--- a/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab02.jsx
+++ b/src/components/canvas/modal/roofmoduleoption/RoofModuleOptionTab02.jsx
@@ -121,13 +121,13 @@ export default function RoofModuleOptionTab02({setTabNum}){
                 </div>
             </div>
             <div className="module-table-box mb10"> 
+                <div className="module-box-tab">
+                    <button className="module-btn act">屋根材1</button>
+                    <button className="module-btn">屋根材2</button>
+                    <button className="module-btn">屋根材3</button>
+                    <button className="module-btn">屋根材4</button>
+                </div>
                 <div className="module-table-inner">
-                    <div className="module-box-tab">
-                        <button className="module-btn act">屋根材1</button>
-                        <button className="module-btn">屋根材2</button>
-                        <button className="module-btn">屋根材3</button>
-                        <button className="module-btn">屋根材4</button>
-                    </div>
                     <div className="module-table-flex-wrap tab2">
                         <div className="module-flex-item">
                             <div className="module-flex-item-tit">屋根材：スレーツ（4寸）</div>
diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss
index 39ee705..d88faa1 100644
--- a/src/styles/_modal.scss
+++ b/src/styles/_modal.scss
@@ -1937,7 +1937,7 @@ $alert-color: #101010;
 }
 .module-table-flex-wrap{
     &.tab2{
-        margin-top: 20px;
+        margin-top: 10px;
         gap: 15px;
         
     }