diff --git a/src/components/floor-plan/modal/placementShape/PlacementShapeSetting.jsx b/src/components/floor-plan/modal/placementShape/PlacementShapeSetting.jsx
index c07701ac..4fd70281 100644
--- a/src/components/floor-plan/modal/placementShape/PlacementShapeSetting.jsx
+++ b/src/components/floor-plan/modal/placementShape/PlacementShapeSetting.jsx
@@ -234,19 +234,38 @@ export default function PlacementShapeSetting({ id, pos = { x: 50, y: 180 }, set
                 <tr>
                   <th>{getMessage('modal.placement.initial.setting.roof.angle.setting')}</th>
                   <td>
-                    <div className="pop-form-radio">
+                    <div className="pop-form-radio place">
                       {currentRoof &&
-                        roofAngleSetArray.map((item) => (
-                          <div className="d-check-radio pop" key={item.id}>
-                            <input
-                              type="radio"
-                              id={item.id}
-                              name={item.name}
-                              value={item.value}
-                              checked={currentRoof?.roofAngleSet === item.value}
-                              onChange={(e) => setCurrentRoof({ ...currentRoof, roofAngleSet: e.target.value })}
-                            />
-                            <label htmlFor={item.id}>{getMessage(item.message)}</label>
+                        roofAngleSetArray.map((item, index) => (
+                          <div className="outline-form">
+                            <span>
+                              <div className="d-check-radio pop" key={item.id}>
+                                <input
+                                  type="radio"
+                                  id={item.id}
+                                  name={item.name}
+                                  value={item.value}
+                                  checked={currentRoof?.roofAngleSet === item.value}
+                                  onChange={(e) => setCurrentRoof({ ...currentRoof, roofAngleSet: e.target.value })}
+                                />
+                                <label htmlFor={item.id}>{getMessage(item.message)}</label>
+                              </div>
+                            </span>
+                            <div className="input-grid mr5">
+                              <input
+                                type="number"
+                                className="input-origin block"
+                                defaultValue={4}
+                                readOnly={currentRoof?.roofAngleSet !== item.value}
+                                value={index === 0 ? currentRoof?.pitch : currentRoof?.angle}
+                                onChange={(e) =>
+                                  index === 0
+                                    ? setCurrentRoof({ ...currentRoof, pitch: e.target.value })
+                                    : setCurrentRoof({ ...currentRoof, angle: e.target.value })
+                                }
+                              />
+                            </div>
+                            <span className="thin">{index === 0 ? '寸' : '度'}</span>
                           </div>
                         ))}
                     </div>
diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss
index bbdf38f8..95db2ea7 100644
--- a/src/styles/_modal.scss
+++ b/src/styles/_modal.scss
@@ -523,6 +523,17 @@ $alert-color: #101010;
     display: flex;
     align-items: center;
     gap: 10px;
+    &.place{
+        gap: 15px;
+        .outline-form{
+            span{
+                width: fit-content;
+            }
+            .input-grid{
+                width: 80px;
+            }
+        }
+    }
 }
 .placement-option{
     display: flex;