From 52cc69fcc916ae6fb6361da93f046840e203bb8f Mon Sep 17 00:00:00 2001 From: mhawryluk Date: Thu, 17 Sep 2026 17:08:17 +0200 Subject: [PATCH 1/2] [Insights] fix: mweb - Account - Account tooltip looks broken --- src/components/Navigation/AccountAvatarButton.tsx | 3 +++ src/styles/variables.ts | 1 + 2 files changed, 4 insertions(+) diff --git a/src/components/Navigation/AccountAvatarButton.tsx b/src/components/Navigation/AccountAvatarButton.tsx index c418aeb05152..7a5528536b13 100644 --- a/src/components/Navigation/AccountAvatarButton.tsx +++ b/src/components/Navigation/AccountAvatarButton.tsx @@ -14,6 +14,8 @@ import useThemeStyles from '@hooks/useThemeStyles'; import interceptAnonymousUser from '@libs/interceptAnonymousUser'; import Navigation from '@libs/Navigation/Navigation'; +import variables from '@styles/variables'; + import CONST from '@src/CONST'; import ROUTES from '@src/ROUTES'; import SCREENS from '@src/SCREENS'; @@ -70,6 +72,7 @@ function AccountAvatarButtonContent() { horizontal: CONST.MODAL.ANCHOR_ORIGIN_HORIZONTAL.RIGHT, vertical: CONST.MODAL.ANCHOR_ORIGIN_VERTICAL.TOP, }, + shiftHorizontal: variables.accountAvatarTooltipShiftHorizontal, } : {text: translate('initialSettingsPage.account'), isFocused}; diff --git a/src/styles/variables.ts b/src/styles/variables.ts index c2acf27f8813..429ef3b0cdda 100644 --- a/src/styles/variables.ts +++ b/src/styles/variables.ts @@ -410,6 +410,7 @@ export default { navigationTabBarInboxTooltipShiftHorizontal: 36, accountSwitcherTooltipShiftVertical: 7, accountSwitcherTooltipShiftHorizontal: 4, + accountAvatarTooltipShiftHorizontal: -4, expenseReportsTypeTooltipShiftHorizontal: 10, hasFilterNegationTooltipShiftHorizontal: -16, hasFilterNegationTooltipShiftVertical: 40, From bf9abeb5e43771531dbe442fb6590e4f439a2c2c Mon Sep 17 00:00:00 2001 From: mhawryluk Date: Fri, 18 Sep 2026 13:18:35 +0200 Subject: [PATCH 2/2] Even out the gap between the search, concierge and account buttons --- src/components/Navigation/AccountAvatarButton.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Navigation/AccountAvatarButton.tsx b/src/components/Navigation/AccountAvatarButton.tsx index 7a5528536b13..601ab69ee5fe 100644 --- a/src/components/Navigation/AccountAvatarButton.tsx +++ b/src/components/Navigation/AccountAvatarButton.tsx @@ -82,7 +82,7 @@ function AccountAvatarButtonContent() { onPress={navigateToAccount} role={CONST.ROLE.BUTTON} accessibilityLabel={`${translate('initialSettingsPage.account')}. ${status ? `${translate('common.yourReviewIsRequired')}.` : ''}`} - style={[styles.flexRow, styles.touchableButtonImage]} + style={[styles.flexRow, styles.touchableButtonImage, styles.ml1]} sentryLabel={CONST.SENTRY_LABEL.TOP_BAR.ACCOUNT_BUTTON} >