부분취소 화면 깨짐 현상 수정

src/entities/transaction/ui/all-transaction-part-cancel.tsx

@@ -191,21 +191,27 @@ export const AllTransactionPartCancel = ({
               ></NumericFormat>
             </span>
           </li>
-          <li className="amount-item">
-            <span className="label">·&nbsp;&nbsp;{t('transaction.fields.totalCancelAmount')}</span>
-            <span className="value">
-              <NumericFormat
-                value={ totalCancelAmount }
-                displayType="input"
-                allowNegative={ false }
-                max={ remainAmount }
-                readOnly={ cancelTotalCancelAmountReadonly }
-                onChange={(e: ChangeEvent<HTMLInputElement>) => onChangeToTotalCancelAmount(parseInt(e.target.value)) }
-              ></NumericFormat>
-            </span>
-          </li>
         </ul>
       </div>
+      <div 
+        className="form-section"
+        style={{marginTop: '10px'}}
+      >
+        <div className="form-group">
+          <label className="form-label">{t('transaction.fields.totalCancelAmount')}</label>
+          <div className="input-wrapper wid-100 error">
+            <NumericFormat
+              className="wid-100 align-right"
+              value={ totalCancelAmount }
+              displayType="input"
+              allowNegative={ false }
+              max={ remainAmount }
+              readOnly={ cancelTotalCancelAmountReadonly }
+              onChange={(e: ChangeEvent<HTMLInputElement>) => onChangeToTotalCancelAmount(parseInt(e.target.value)) }
+            ></NumericFormat>
+          </div>
+        </div>
+      </div>
       { !!isCompoundTax  && 
         <div className="tb_both">
           <table className="partial-cancel-table">
@@ -306,7 +312,10 @@ export const AllTransactionPartCancel = ({
           </table>
         </div>
       }
-      <div className="form-section">
+      <div 
+        className="form-section"
+        style={{ marginTop: (!!isCompoundTax)? '30px': '0px' }}
+      >
         <AllTransactionCancelSectionPasswordGroup
           cancelPassword={ cancelPassword }
           setCancelPassword={ setCancelPassword }