diff --git a/src/components/floor-plan/modal/roofShape/type/option/Shed.jsx b/src/components/floor-plan/modal/roofShape/type/option/Shed.jsx
index 40ccdbef..c4e19a94 100644
--- a/src/components/floor-plan/modal/roofShape/type/option/Shed.jsx
+++ b/src/components/floor-plan/modal/roofShape/type/option/Shed.jsx
@@ -1,10 +1,20 @@
 import { useMessage } from '@/hooks/useMessage'
 import { onlyNumberInputChange } from '@/util/input-utils'
+import { useRecoilState } from 'recoil'
+import { pitchTextSelector } from '@/store/canvasAtom'
 
 export default function Shed({ shedWidth, setShedWidth }) {
   const { getMessage } = useMessage()
+  const pitchText = useRecoilState(pitchTextSelector)
   return (
     <>
+      <div className="outline-form mb10">
+        <span className="mr10">{getMessage('slope')}</span>
+        <div className="input-grid mr5" style={{ width: '100px' }}>
+          <input type="text" className="input-origin block" defaultValue={4} />
+        </div>
+        <span className="thin">{pitchText}</span>
+      </div>
       <div className="outline-form">
         <span className="mr10">{getMessage('shed.width')}</span>
         <div className="input-grid mr5" style={{ width: '100px' }}>