diff --git a/src/components/survey-sale/detail/RoofForm.tsx b/src/components/survey-sale/detail/RoofForm.tsx
index d6d97e0..ff3d0c9 100644
--- a/src/components/survey-sale/detail/RoofForm.tsx
+++ b/src/components/survey-sale/detail/RoofForm.tsx
@@ -74,7 +74,7 @@ export default function RoofForm(props: {
               <div className="data-input-form-tit">電気契約容量</div>
               {mode === 'READ' && <input type="text" className="input-frame" value={roofInfo?.contractCapacity ?? ''} readOnly={mode === 'READ'} />}
               {mode !== 'READ' && (
-                <div className="data-input mb5">
+                <div className="data-input mb10">
                   <input
                     type="number"
                     inputMode="numeric"
@@ -83,7 +83,7 @@ export default function RoofForm(props: {
                     value={roofInfo?.contractCapacity?.split(' ')[0] ?? ''}
                     onChange={(e) => handleNumberInput('contractCapacity', e.target.value)}
                   />
-                  <div className="data-input">
+                  <div className="data-input mt10">
                     <select
                       className="select-form"
                       name="contractCapacityUnit"