Merge branch 'main' into feat/add-info-account-type-upgrade-alert

Author: vinistevam

ui/pages/confirmations/components/confirm/info/__snapshots__/info.test.tsx.snap

@@ -280,9 +280,9 @@ exports[`Info renders info section for approve request 1`] = `
             $0.08
           </p>
           <div
-            class="mm-box mm-box--padding-inline-2 mm-box--display-inline-flex mm-box--gap-1 mm-box--align-items-center mm-box--background-color-background-alternative mm-box--rounded-pill"
+            class="mm-box mm-box--padding-inline-start-1 mm-box--display-inline-flex mm-box--gap-1 mm-box--align-items-center mm-box--background-color-background-alternative mm-box--rounded-pill"
             data-testid="selected-gas-fee-token"
-            style="cursor: default;"
+            style="cursor: default; padding-inline-end: 6px;"
           >
             <div
               class="mm-box"
@@ -619,9 +619,9 @@ exports[`Info renders info section for contract interaction request 1`] = `
             $0.04
           </p>
           <div
-            class="mm-box mm-box--padding-inline-2 mm-box--display-inline-flex mm-box--gap-1 mm-box--align-items-center mm-box--background-color-background-alternative mm-box--rounded-pill"
+            class="mm-box mm-box--padding-inline-start-1 mm-box--display-inline-flex mm-box--gap-1 mm-box--align-items-center mm-box--background-color-background-alternative mm-box--rounded-pill"
             data-testid="selected-gas-fee-token"
-            style="cursor: default;"
+            style="cursor: default; padding-inline-end: 6px;"
           >
             <div
               class="mm-box"
@@ -1082,9 +1082,9 @@ exports[`Info renders info section for setApprovalForAll request 1`] = `
             $0.08
           </p>
           <div
-            class="mm-box mm-box--padding-inline-2 mm-box--display-inline-flex mm-box--gap-1 mm-box--align-items-center mm-box--background-color-background-alternative mm-box--rounded-pill"
+            class="mm-box mm-box--padding-inline-start-1 mm-box--display-inline-flex mm-box--gap-1 mm-box--align-items-center mm-box--background-color-background-alternative mm-box--rounded-pill"
             data-testid="selected-gas-fee-token"
-            style="cursor: default;"
+            style="cursor: default; padding-inline-end: 6px;"
           >
             <div
               class="mm-box"

ui/pages/confirmations/components/confirm/info/approve/__snapshots__/approve.test.tsx.snap

@@ -346,9 +346,9 @@ exports[`<ApproveInfo /> renders component for approve request 1`] = `
             0.0001
           </p>
           <div
-            class="mm-box mm-box--padding-inline-2 mm-box--display-inline-flex mm-box--gap-1 mm-box--align-items-center mm-box--background-color-background-alternative mm-box--rounded-pill"
+            class="mm-box mm-box--padding-inline-start-1 mm-box--display-inline-flex mm-box--gap-1 mm-box--align-items-center mm-box--background-color-background-alternative mm-box--rounded-pill"
             data-testid="selected-gas-fee-token"
-            style="cursor: default;"
+            style="cursor: default; padding-inline-end: 6px;"
           >
             <div
               class="mm-box"

ui/pages/confirmations/components/confirm/info/base-transaction-info/__snapshots__/base-transaction-info.test.tsx.snap

@@ -262,9 +262,9 @@ exports[`<BaseTransactionInfo /> renders component for contract interaction requ
             $0.04
           </p>
           <div
-            class="mm-box mm-box--padding-inline-2 mm-box--display-inline-flex mm-box--gap-1 mm-box--align-items-center mm-box--background-color-background-alternative mm-box--rounded-pill"
+            class="mm-box mm-box--padding-inline-start-1 mm-box--display-inline-flex mm-box--gap-1 mm-box--align-items-center mm-box--background-color-background-alternative mm-box--rounded-pill"
             data-testid="selected-gas-fee-token"
-            style="cursor: default;"
+            style="cursor: default; padding-inline-end: 6px;"
           >
             <div
               class="mm-box"

ui/pages/confirmations/components/confirm/info/native-transfer/__snapshots__/native-transfer.test.tsx.snap

@@ -412,9 +412,9 @@ exports[`NativeTransferInfo renders correctly 1`] = `
             $0.08
           </p>
           <div
-            class="mm-box mm-box--padding-inline-2 mm-box--display-inline-flex mm-box--gap-1 mm-box--align-items-center mm-box--background-color-background-alternative mm-box--rounded-pill"
+            class="mm-box mm-box--padding-inline-start-1 mm-box--display-inline-flex mm-box--gap-1 mm-box--align-items-center mm-box--background-color-background-alternative mm-box--rounded-pill"
             data-testid="selected-gas-fee-token"
-            style="cursor: default;"
+            style="cursor: default; padding-inline-end: 6px;"
           >
             <div
               class="mm-box"

ui/pages/confirmations/components/confirm/info/nft-token-transfer/__snapshots__/nft-token-transfer.test.tsx.snap

@@ -442,9 +442,9 @@ exports[`NFTTokenTransferInfo renders correctly 1`] = `
             $0.08
           </p>
           <div
-            class="mm-box mm-box--padding-inline-2 mm-box--display-inline-flex mm-box--gap-1 mm-box--align-items-center mm-box--background-color-background-alternative mm-box--rounded-pill"
+            class="mm-box mm-box--padding-inline-start-1 mm-box--display-inline-flex mm-box--gap-1 mm-box--align-items-center mm-box--background-color-background-alternative mm-box--rounded-pill"
             data-testid="selected-gas-fee-token"
-            style="cursor: default;"
+            style="cursor: default; padding-inline-end: 6px;"
           >
             <div
               class="mm-box"

ui/pages/confirmations/components/confirm/info/set-approval-for-all-info/__snapshots__/set-approval-for-all-info.test.tsx.snap

@@ -282,9 +282,9 @@ exports[`<SetApprovalForAllInfo /> renders component for approve request 1`] = `
             $0.08
           </p>
           <div
-            class="mm-box mm-box--padding-inline-2 mm-box--display-inline-flex mm-box--gap-1 mm-box--align-items-center mm-box--background-color-background-alternative mm-box--rounded-pill"
+            class="mm-box mm-box--padding-inline-start-1 mm-box--display-inline-flex mm-box--gap-1 mm-box--align-items-center mm-box--background-color-background-alternative mm-box--rounded-pill"
             data-testid="selected-gas-fee-token"
-            style="cursor: default;"
+            style="cursor: default; padding-inline-end: 6px;"
           >
             <div
               class="mm-box"

ui/pages/confirmations/components/confirm/info/shared/edit-gas-fees-row/__snapshots__/edit-gas-fees-row.test.tsx.snap

@@ -73,9 +73,9 @@ exports[`<EditGasFeesRow /> renders component 1`] = `
           </div>
         </div>
         <div
-          class="mm-box mm-box--padding-inline-2 mm-box--display-inline-flex mm-box--gap-1 mm-box--align-items-center mm-box--background-color-background-alternative mm-box--rounded-pill"
+          class="mm-box mm-box--padding-inline-start-1 mm-box--display-inline-flex mm-box--gap-1 mm-box--align-items-center mm-box--background-color-background-alternative mm-box--rounded-pill"
           data-testid="selected-gas-fee-token"
-          style="cursor: default;"
+          style="cursor: default; padding-inline-end: 6px;"
         >
           <div
             class="mm-box"

ui/pages/confirmations/components/confirm/info/shared/gas-fees-section/__snapshots__/gas-fees-section.test.tsx.snap

@@ -68,9 +68,9 @@ exports[`<GasFeesSection /> renders component for gas fees section 1`] = `
             $0.04
           </p>
           <div
-            class="mm-box mm-box--padding-inline-2 mm-box--display-inline-flex mm-box--gap-1 mm-box--align-items-center mm-box--background-color-background-alternative mm-box--rounded-pill"
+            class="mm-box mm-box--padding-inline-start-1 mm-box--display-inline-flex mm-box--gap-1 mm-box--align-items-center mm-box--background-color-background-alternative mm-box--rounded-pill"
             data-testid="selected-gas-fee-token"
-            style="cursor: default;"
+            style="cursor: default; padding-inline-end: 6px;"
           >
             <div
               class="mm-box"

ui/pages/confirmations/components/confirm/info/shared/selected-gas-fee-token/selected-gas-fee-token.tsx

@@ -59,10 +59,11 @@ export function SelectedGasFeeToken() {
         borderRadius={BorderRadius.pill}
         display={Display.InlineFlex}
         alignItems={AlignItems.center}
-        paddingInline={2}
+        paddingInlineStart={1}
         gap={1}
         style={{
           cursor: hasGasFeeTokens ? 'pointer' : 'default',
+          paddingInlineEnd: '6px',
         }}
       >
         <GasFeeTokenIcon

ui/pages/confirmations/components/confirm/info/token-transfer/__snapshots__/token-transfer.test.tsx.snap

@@ -423,9 +423,9 @@ exports[`TokenTransferInfo renders correctly 1`] = `
             $0.08
           </p>
           <div
-            class="mm-box mm-box--padding-inline-2 mm-box--display-inline-flex mm-box--gap-1 mm-box--align-items-center mm-box--background-color-background-alternative mm-box--rounded-pill"
+            class="mm-box mm-box--padding-inline-start-1 mm-box--display-inline-flex mm-box--gap-1 mm-box--align-items-center mm-box--background-color-background-alternative mm-box--rounded-pill"
             data-testid="selected-gas-fee-token"
-            style="cursor: default;"
+            style="cursor: default; padding-inline-end: 6px;"
           >
             <div
               class="mm-box"