fix: GasDetailItem invalid paddingStart prop

MetaMask · Nov 5, 2024 · dc6f0eb · dc6f0eb
1 parent aaee4e7
commit dc6f0eb
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/ui/pages/confirmations/components/gas-details-item/gas-details-item.js b/ui/pages/confirmations/components/gas-details-item/gas-details-item.js
@@ -4,6 +4,7 @@ import classNames from 'classnames';
 
 import { useSelector } from 'react-redux';
 import {
+  Box,
   Icon,
   IconName,
   IconSize,
@@ -30,7 +31,6 @@ import { useDraftTransactionWithTxParams } from '../../hooks/useDraftTransaction
 import { useGasFeeContext } from '../../../../contexts/gasFee';
 import { useI18nContext } from '../../../../hooks/useI18nContext';
 
-import Box from '../../../../components/ui/box';
 import LoadingHeartBeat from '../../../../components/ui/loading-heartbeat';
 import EditGasFeeIcon from '../edit-gas-fee-icon/edit-gas-fee-icon';
 import GasTiming from '../gas-timing/gas-timing.component';
@@ -194,10 +194,10 @@ const GasDetailsItem = ({
                 {t('editGasSubTextFeeLabel')}
               </Text>
             </Box>
-            <div
+            <Box
               key="editGasSubTextFeeValue"
               className="gas-details-item__currency-container"
-              paddingStart={1}
+              paddingInlineStart={1}
             >
               <LoadingHeartBeat estimateUsed={estimateUsed} />
               <UserPreferencedCurrencyDisplay
@@ -215,7 +215,7 @@ const GasDetailsItem = ({
                   getMaxTransactionFeeTotal || draftHexMaximumTransactionFee
                 }
               />
-            </div>
+            </Box>
           </Box>
         </>
       }