diff --git a/src/components/FeatureList.tsx b/src/components/FeatureList.tsx
index 53f42956d834..f46b289b88d7 100644
--- a/src/components/FeatureList.tsx
+++ b/src/components/FeatureList.tsx
@@ -54,7 +54,7 @@ function FeatureList({
     menuItems,
     illustration,
     illustrationStyle,
-    illustrationBackgroundColor = '',
+    illustrationBackgroundColor,
 }: FeatureListProps) {
     const styles = useThemeStyles();
     const {translate} = useLocalize();
diff --git a/src/components/MenuItem.tsx b/src/components/MenuItem.tsx
index faecf55a0c4a..cfb7cffb2799 100644
--- a/src/components/MenuItem.tsx
+++ b/src/components/MenuItem.tsx
@@ -79,6 +79,9 @@ type MenuItemBaseProps = {
     /** Used to apply styles specifically to the title */
     titleStyle?: ViewStyle;
 
+    /** Any additional styles to apply on the badge element */
+    badgeStyle?: ViewStyle;
+
     /** Any adjustments to style when menu item is hovered or pressed */
     hoverAndPressStyle?: StyleProp<AnimatedStyle<ViewStyle>>;
 
@@ -246,6 +249,7 @@ function MenuItem(
         titleStyle,
         hoverAndPressStyle,
         descriptionTextStyle,
+        badgeStyle,
         viewMode = CONST.OPTION_MODE.DEFAULT,
         numberOfLinesTitle = 1,
         icon,
@@ -564,7 +568,12 @@ function MenuItem(
                                 {badgeText && (
                                     <Badge
                                         text={badgeText}
-                                        badgeStyles={[styles.alignSelfCenter, brickRoadIndicator ? styles.mr2 : undefined, focused || isHovered || pressed ? styles.buttonHoveredBG : {}]}
+                                        badgeStyles={[
+                                            styles.alignSelfCenter,
+                                            brickRoadIndicator ? styles.mr2 : undefined,
+                                            focused || isHovered || pressed ? styles.buttonHoveredBG : {},
+                                            badgeStyle,
+                                        ]}
                                     />
                                 )}
                                 {/* Since subtitle can be of type number, we should allow 0 to be shown */}
diff --git a/src/pages/settings/Wallet/PaymentMethodList.js b/src/pages/settings/Wallet/PaymentMethodList.js
index 0c708442cec6..35c2e5b4cb33 100644
--- a/src/pages/settings/Wallet/PaymentMethodList.js
+++ b/src/pages/settings/Wallet/PaymentMethodList.js
@@ -96,6 +96,9 @@ const propTypes = {
 
     /** List container style */
     style: stylePropTypes,
+
+    /** List item style */
+    listItemStyle: stylePropTypes,
 };
 
 const defaultProps = {
@@ -120,6 +123,7 @@ const defaultProps = {
     onListContentSizeChange: () => {},
     shouldEnableScroll: true,
     style: {},
+    listItemStyle: {},
     shouldShowSelectedState: false,
 };
 
@@ -205,6 +209,7 @@ function PaymentMethodList({
     onListContentSizeChange,
     shouldEnableScroll,
     style,
+    listItemStyle,
 }) {
     const styles = useThemeStyles();
     const StyleUtils = useStyleUtils();
@@ -264,9 +269,12 @@ function PaymentMethodList({
 
             return {
                 ...paymentMethod,
+                iconRight: Expensicons.ThreeDots,
+                shouldShowRightIcon: true,
                 onPress: (e) => onPress(e, paymentMethod.accountType, paymentMethod.accountData, paymentMethod.isDefault, paymentMethod.methodID),
                 wrapperStyle: isMethodActive ? [StyleUtils.getButtonBackgroundColorStyle(CONST.BUTTON_STATES.PRESSED)] : null,
                 disabled: paymentMethod.pendingAction === CONST.RED_BRICK_ROAD_PENDING_ACTION.DELETE,
+                isMethodActive,
             };
         });
 
@@ -286,12 +294,13 @@ function PaymentMethodList({
                 onPress={onPress}
                 title={translate('walletPage.addBankAccount')}
                 icon={Expensicons.Plus}
-                wrapperStyle={styles.paymentMethod}
+                wrapperStyle={[styles.paymentMethod, listItemStyle]}
+                hoverAndPressStyle={styles.hoveredComponentBG}
                 ref={buttonRef}
             />
         ),
 
-        [onPress, styles.paymentMethod, translate, buttonRef],
+        [onPress, translate, styles.paymentMethod, styles.hoveredComponentBG, listItemStyle, buttonRef],
     );
 
     /**
@@ -322,17 +331,21 @@ function PaymentMethodList({
                     iconWidth={item.iconWidth || item.iconSize}
                     iconStyles={item.iconStyles}
                     badgeText={shouldShowDefaultBadge(filteredPaymentMethods, item.isDefault) ? translate('paymentMethodList.defaultPaymentMethod') : null}
-                    wrapperStyle={styles.paymentMethod}
+                    wrapperStyle={[styles.paymentMethod, listItemStyle]}
+                    iconRight={item.iconRight}
+                    badgeStyle={styles.badgeBordered}
+                    hoverAndPressStyle={styles.hoveredComponentBG}
                     shouldShowRightIcon={item.shouldShowRightIcon}
                     shouldShowSelectedState={shouldShowSelectedState}
                     isSelected={selectedMethodID === item.methodID}
                     interactive={item.interactive}
                     brickRoadIndicator={item.brickRoadIndicator}
+                    success={item.isMethodActive}
                 />
             </OfflineWithFeedback>
         ),
 
-        [styles.ph6, styles.paymentMethod, filteredPaymentMethods, translate, shouldShowSelectedState, selectedMethodID],
+        [styles.ph6, styles.paymentMethod, styles.badgeBordered, styles.hoveredComponentBG, filteredPaymentMethods, translate, listItemStyle, shouldShowSelectedState, selectedMethodID],
     );
 
     return (
diff --git a/src/pages/settings/Wallet/WalletPage/WalletPage.js b/src/pages/settings/Wallet/WalletPage/WalletPage.js
index 1ba414ef7ebd..fe9b997aadd2 100644
--- a/src/pages/settings/Wallet/WalletPage/WalletPage.js
+++ b/src/pages/settings/Wallet/WalletPage/WalletPage.js
@@ -97,9 +97,9 @@ function WalletPage({bankAccountList, cardList, fundList, isLoadingPaymentMethod
         const position = getClickedTargetLocation(paymentMethodButtonRef.current);
 
         setAnchorPosition({
-            anchorPositionTop: position.top + position.height + variables.addPaymentPopoverTopSpacing,
+            anchorPositionTop: position.top + position.height - variables.bankAccountActionPopoverTopSpacing,
             // We want the position to be 23px to the right of the left border
-            anchorPositionRight: windowWidth - position.right - variables.addBankAccountLeftSpacing,
+            anchorPositionRight: windowWidth - position.right + variables.bankAccountActionPopoverRightSpacing,
             anchorPositionHorizontal: position.x + (shouldShowEmptyState ? -variables.addPaymentMethodLeftSpacing : variables.addBankAccountLeftSpacing),
             anchorPositionVertical: position.y,
         });
@@ -344,7 +344,7 @@ function WalletPage({bankAccountList, cardList, fundList, isLoadingPaymentMethod
                         icon={Illustrations.MoneyIntoWallet}
                         shouldShowBackButton={isSmallScreenWidth}
                     />
-                    <ScrollView>
+                    <ScrollView style={styles.pt3}>
                         <View style={[styles.flex1, isSmallScreenWidth ? styles.workspaceSectionMobile : styles.workspaceSection]}>
                             <OfflineWithFeedback
                                 style={styles.flex1}
@@ -355,10 +355,10 @@ function WalletPage({bankAccountList, cardList, fundList, isLoadingPaymentMethod
                             >
                                 {hasWallet && (
                                     <Section
-                                        icon={Illustrations.MoneyIntoWallet}
                                         subtitle={translate(`walletPage.${hasActivatedWallet ? 'sendAndReceiveMoney' : 'enableWalletToSendAndReceiveMoney'}`)}
                                         title={translate('walletPage.expensifyWallet')}
                                         isCentralPane
+                                        titleStyles={styles.accountSettingsSectionTitle}
                                     >
                                         <>
                                             {shouldShowLoadingSpinner ? (
@@ -373,7 +373,7 @@ function WalletPage({bankAccountList, cardList, fundList, isLoadingPaymentMethod
                                                     errors={walletTerms.errors}
                                                     onClose={PaymentMethods.clearWalletTermsError}
                                                     errorRowStyles={[styles.ml10, styles.mr2]}
-                                                    style={[styles.mt7, styles.mb5]}
+                                                    style={[styles.mt7, styles.mb5, styles.alignSelfStart]}
                                                 >
                                                     <CurrentWalletBalance balanceStyles={[styles.walletBalance]} />
                                                 </OfflineWithFeedback>
@@ -457,10 +457,10 @@ function WalletPage({bankAccountList, cardList, fundList, isLoadingPaymentMethod
                                 )}
                                 {hasAssignedCard ? (
                                     <Section
-                                        icon={Illustrations.CreditCardsNew}
                                         subtitle={translate('walletPage.assignedCardsDescription')}
                                         title={translate('walletPage.assignedCards')}
                                         isCentralPane
+                                        titleStyles={styles.accountSettingsSectionTitle}
                                     >
                                         <PaymentMethodList
                                             shouldShowAddBankAccount={false}
@@ -469,7 +469,8 @@ function WalletPage({bankAccountList, cardList, fundList, isLoadingPaymentMethod
                                             shouldShowEmptyListMessage={false}
                                             shouldEnableScroll={false}
                                             onPress={paymentMethodPressed}
-                                            style={styles.mt5}
+                                            style={[styles.mt5, [isSmallScreenWidth ? styles.mhn5 : styles.mhn8]]}
+                                            listItemStyle={isSmallScreenWidth ? styles.ph5 : styles.ph8}
                                             isAddPaymentMenuActive={shouldShowAddPaymentMenu}
                                             actionPaymentMethodType={shouldShowDefaultDeleteMenu ? paymentMethod.selectedPaymentMethodType : ''}
                                             activePaymentMethodID={shouldShowDefaultDeleteMenu ? getSelectedPaymentMethodID() : ''}
@@ -479,10 +480,10 @@ function WalletPage({bankAccountList, cardList, fundList, isLoadingPaymentMethod
                                     </Section>
                                 ) : null}
                                 <Section
-                                    icon={Illustrations.BankArrow}
                                     subtitle={translate('walletPage.addBankAccountToSendAndReceive')}
                                     title={translate('walletPage.bankAccounts')}
                                     isCentralPane
+                                    titleStyles={styles.accountSettingsSectionTitle}
                                 >
                                     <PaymentMethodList
                                         shouldShowAddPaymentMethodButton={false}
@@ -494,7 +495,8 @@ function WalletPage({bankAccountList, cardList, fundList, isLoadingPaymentMethod
                                         buttonRef={addPaymentMethodAnchorRef}
                                         onListContentSizeChange={shouldShowAddPaymentMenu || shouldShowDefaultDeleteMenu ? setMenuPosition : () => {}}
                                         shouldEnableScroll={false}
-                                        style={styles.mt5}
+                                        style={[styles.mt5, [isSmallScreenWidth ? styles.mhn5 : styles.mhn8]]}
+                                        listItemStyle={isSmallScreenWidth ? styles.ph5 : styles.ph8}
                                     />
                                 </Section>
                             </OfflineWithFeedback>
@@ -510,30 +512,32 @@ function WalletPage({bankAccountList, cardList, fundList, isLoadingPaymentMethod
                         anchorRef={paymentMethodButtonRef}
                     >
                         {!showConfirmDeleteModal && (
-                            <View style={[styles.m5, !isSmallScreenWidth ? styles.sidebarPopover : '']}>
+                            <View style={[styles.mv5, !isSmallScreenWidth ? styles.sidebarPopover : '']}>
                                 {isPopoverBottomMount && (
                                     <MenuItem
                                         title={paymentMethod.formattedSelectedPaymentMethod.title || ''}
                                         icon={paymentMethod.formattedSelectedPaymentMethod.icon}
                                         description={paymentMethod.formattedSelectedPaymentMethod.description}
-                                        wrapperStyle={[styles.pv0, styles.ph0, styles.mb4]}
+                                        wrapperStyle={[styles.mb4, styles.ph5, styles.pv0]}
                                         interactive={false}
                                     />
                                 )}
                                 {shouldShowMakeDefaultButton && (
-                                    <Button
+                                    <MenuItem
+                                        title={translate('walletPage.setDefaultConfirmation')}
+                                        icon={Expensicons.Mail}
                                         onPress={() => {
                                             makeDefaultPaymentMethod();
                                             setShouldShowDefaultDeleteMenu(false);
                                         }}
-                                        text={translate('walletPage.setDefaultConfirmation')}
+                                        wrapperStyle={[styles.pv3, styles.ph5, !isSmallScreenWidth ? styles.sidebarPopover : '']}
                                     />
                                 )}
-                                <Button
+                                <MenuItem
+                                    title={translate('common.delete')}
+                                    icon={Expensicons.Trashcan}
                                     onPress={() => setShowConfirmDeleteModal(true)}
-                                    style={[shouldShowMakeDefaultButton ? styles.mt4 : {}]}
-                                    text={translate('common.delete')}
-                                    danger
+                                    wrapperStyle={[styles.pv3, styles.ph5, !isSmallScreenWidth ? styles.sidebarPopover : '']}
                                 />
                             </View>
                         )}
diff --git a/src/styles/index.ts b/src/styles/index.ts
index 88e285bd7b39..19f5b791a9af 100644
--- a/src/styles/index.ts
+++ b/src/styles/index.ts
@@ -813,6 +813,13 @@ const styles = (theme: ThemeColors) =>
             backgroundColor: theme.dangerPressed,
         },
 
+        badgeBordered: {
+            backgroundColor: theme.transparent,
+            borderWidth: 1,
+            borderRadius: variables.componentBorderRadiusSmall,
+            borderColor: theme.border,
+        },
+
         badgeText: {
             color: theme.text,
             fontSize: variables.fontSizeSmall,
diff --git a/src/styles/variables.ts b/src/styles/variables.ts
index 6f7c18ea0dcf..a21d28e912d7 100644
--- a/src/styles/variables.ts
+++ b/src/styles/variables.ts
@@ -156,7 +156,8 @@ export default {
     modalContentMaxWidth: 360,
     listItemHeightNormal: 64,
     popoverWidth: 375,
-    addPaymentPopoverTopSpacing: 8,
+    bankAccountActionPopoverRightSpacing: 32,
+    bankAccountActionPopoverTopSpacing: 14,
     addPaymentPopoverRightSpacing: 23,
     anonymousReportFooterBreakpoint: 650,
     dropDownButtonDividerHeight: 28,