Merge pull request #36583 from software-mansion-labs/fix-wallet-page-…

…style [Update Account Settings] Fix Wallet Page style
Expensify · Feb 15, 2024 · 1b3939d · 1b3939d
2 parents 1cb872b + 9dc45ba
commit 1b3939d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/pages/settings/Wallet/WalletPage/WalletPage.js b/src/pages/settings/Wallet/WalletPage/WalletPage.js
@@ -407,9 +407,14 @@ function WalletPage({bankAccountList, cardList, fundList, isLoadingPaymentMethod
                                                                 title={translate('common.transferBalance')}
                                                                 icon={Expensicons.Transfer}
                                                                 onPress={triggerKYCFlow}
+                                                                hoverAndPressStyle={styles.hoveredComponentBG}
                                                                 shouldShowRightIcon
                                                                 disabled={network.isOffline}
-                                                                wrapperStyle={styles.transferBalance}
+                                                                wrapperStyle={[
+                                                                    styles.transferBalance,
+                                                                    isSmallScreenWidth ? styles.mhn5 : styles.mhn8,
+                                                                    isSmallScreenWidth ? styles.ph5 : styles.ph8,
+                                                                ]}
                                                             />
                                                         );
                                                     }

diff --git a/src/styles/index.ts b/src/styles/index.ts
@@ -3425,8 +3425,7 @@ const styles = (theme: ThemeColors) =>
         },
 
         transferBalance: {
-            paddingLeft: 20,
-            paddingRight: 20,
+            width: 'auto',
             borderRadius: 0,
             height: 64,
             alignItems: 'center',