diff --git a/src/CONST.ts b/src/CONST.ts
index 38af2f2d4f8a..672219eb1a7c 100755
--- a/src/CONST.ts
+++ b/src/CONST.ts
@@ -6992,6 +6992,9 @@ const CONST = {
         SCAN_TEST_TOOLTIP: 'scanTestTooltip',
         SCAN_TEST_TOOLTIP_MANAGER: 'scanTestTooltipManager',
         SCAN_TEST_CONFIRMATION: 'scanTestConfirmation',
+        OUTSANDING_FILTER: 'outstandingFilter',
+        SETTINGS_TAB: 'settingsTab',
+        WORKSPACES_SETTINGS: 'workspacesSettings',
         GBR_RBR_CHAT: 'chatGBRRBR',
         ACCOUNT_SWITCHER: 'accountSwitcher',
         EXPENSE_REPORTS_FILTER: 'expenseReportsFilter',
diff --git a/src/components/MenuItem.tsx b/src/components/MenuItem.tsx
index 61aac7d171ba..b5948b56fe79 100644
--- a/src/components/MenuItem.tsx
+++ b/src/components/MenuItem.tsx
@@ -350,6 +350,9 @@ type MenuItemBaseProps = {
     /** Callback to fire when the education tooltip is pressed */
     onEducationTooltipPress?: () => void;
 
+    /** Whether the tooltip should hide on scroll */
+    shouldHideOnScroll?: boolean;
+
     shouldShowLoadingSpinnerIcon?: boolean;
 
     /** Should selected item be marked with checkmark */
@@ -474,6 +477,7 @@ function MenuItem(
         onBlur,
         avatarID,
         shouldRenderTooltip = false,
+        shouldHideOnScroll = false,
         tooltipAnchorAlignment,
         tooltipWrapperStyle = {},
         tooltipShiftHorizontal = 0,
@@ -639,6 +643,7 @@ function MenuItem(
                 shiftVertical={tooltipShiftVertical}
                 shouldTeleportPortalToModalLayer={shouldTeleportPortalToModalLayer}
                 onTooltipPress={onEducationTooltipPress}
+                shouldHideOnScroll={shouldHideOnScroll}
             >
                 <View>
                     <Hoverable>
diff --git a/src/components/Navigation/NavigationTabBar/index.tsx b/src/components/Navigation/NavigationTabBar/index.tsx
index 84b1e644a5ff..91c4f8ea8c06 100644
--- a/src/components/Navigation/NavigationTabBar/index.tsx
+++ b/src/components/Navigation/NavigationTabBar/index.tsx
@@ -62,10 +62,11 @@ function NavigationTabBar({selectedTab, isTooltipAllowed = false, isTopLevelBar
     const [chatTabBrickRoad, setChatTabBrickRoad] = useState<BrickRoad>(undefined);
     const platform = getPlatform();
     const isWebOrDesktop = platform === CONST.PLATFORM.WEB || platform === CONST.PLATFORM.DESKTOP;
-    const {renderProductTrainingTooltip, shouldShowProductTrainingTooltip, hideProductTrainingTooltip} = useProductTrainingContext(
-        CONST.PRODUCT_TRAINING_TOOLTIP_NAMES.BOTTOM_NAV_INBOX_TOOLTIP,
-        isTooltipAllowed && selectedTab !== NAVIGATION_TABS.HOME,
-    );
+    const {
+        renderProductTrainingTooltip: renderInboxTooltip,
+        shouldShowProductTrainingTooltip: shouldShowInboxTooltip,
+        hideProductTrainingTooltip: hideInboxTooltip,
+    } = useProductTrainingContext(CONST.PRODUCT_TRAINING_TOOLTIP_NAMES.BOTTOM_NAV_INBOX_TOOLTIP, isTooltipAllowed && selectedTab !== NAVIGATION_TABS.HOME);
     const StyleUtils = useStyleUtils();
 
     // On a wide layout DebugTabView should be rendered only within the navigation tab bar displayed directly on screens.
@@ -82,9 +83,9 @@ function NavigationTabBar({selectedTab, isTooltipAllowed = false, isTopLevelBar
             return;
         }
 
-        hideProductTrainingTooltip();
+        hideInboxTooltip();
         Navigation.navigate(ROUTES.HOME);
-    }, [hideProductTrainingTooltip, selectedTab]);
+    }, [hideInboxTooltip, selectedTab]);
 
     const navigateToSearch = useCallback(() => {
         if (selectedTab === NAVIGATION_TABS.SEARCH) {
@@ -220,13 +221,13 @@ function NavigationTabBar({selectedTab, isTooltipAllowed = false, isTopLevelBar
                             />
                         </PressableWithFeedback>
                         <EducationalTooltip
-                            shouldRender={shouldShowProductTrainingTooltip}
+                            shouldRender={shouldShowInboxTooltip}
                             anchorAlignment={{
                                 horizontal: isWebOrDesktop ? CONST.MODAL.ANCHOR_ORIGIN_HORIZONTAL.CENTER : CONST.MODAL.ANCHOR_ORIGIN_HORIZONTAL.LEFT,
                                 vertical: CONST.MODAL.ANCHOR_ORIGIN_VERTICAL.BOTTOM,
                             }}
                             shiftHorizontal={isWebOrDesktop ? 0 : variables.navigationTabBarInboxTooltipShiftHorizontal}
-                            renderTooltipContent={renderProductTrainingTooltip}
+                            renderTooltipContent={renderInboxTooltip}
                             wrapperStyle={styles.productTrainingTooltipWrapper}
                             shouldHideOnNavigate={false}
                             onTooltipPress={navigateToChats}
@@ -293,6 +294,8 @@ function NavigationTabBar({selectedTab, isTooltipAllowed = false, isTopLevelBar
                             style={styles.leftNavigationTabBarItem}
                             isSelected={selectedTab === NAVIGATION_TABS.SETTINGS}
                             onPress={showSettingsPage}
+                            isWebOrDesktop={isWebOrDesktop}
+                            isTooltipAllowed={isTooltipAllowed}
                         />
                     </View>
                     <View style={styles.leftNavigationTabBarItem}>
@@ -314,13 +317,13 @@ function NavigationTabBar({selectedTab, isTooltipAllowed = false, isTopLevelBar
             )}
             <View style={styles.navigationTabBarContainer}>
                 <EducationalTooltip
-                    shouldRender={shouldShowProductTrainingTooltip}
+                    shouldRender={shouldShowInboxTooltip}
                     anchorAlignment={{
                         horizontal: isWebOrDesktop ? CONST.MODAL.ANCHOR_ORIGIN_HORIZONTAL.CENTER : CONST.MODAL.ANCHOR_ORIGIN_HORIZONTAL.LEFT,
                         vertical: CONST.MODAL.ANCHOR_ORIGIN_VERTICAL.BOTTOM,
                     }}
                     shiftHorizontal={isWebOrDesktop ? 0 : variables.navigationTabBarInboxTooltipShiftHorizontal}
-                    renderTooltipContent={renderProductTrainingTooltip}
+                    renderTooltipContent={renderInboxTooltip}
                     wrapperStyle={styles.productTrainingTooltipWrapper}
                     shouldHideOnNavigate={false}
                     onTooltipPress={navigateToChats}
@@ -387,6 +390,8 @@ function NavigationTabBar({selectedTab, isTooltipAllowed = false, isTopLevelBar
                     style={styles.navigationTabBarItem}
                     isSelected={selectedTab === NAVIGATION_TABS.SETTINGS}
                     onPress={showSettingsPage}
+                    isWebOrDesktop={isWebOrDesktop}
+                    isTooltipAllowed={isTooltipAllowed}
                 />
                 <View style={[styles.flex1, styles.navigationTabBarItem]}>
                     <NavigationTabBarFloatingActionButton isTooltipAllowed={isTooltipAllowed} />
diff --git a/src/components/ProductTrainingContext/TOOLTIPS.ts b/src/components/ProductTrainingContext/TOOLTIPS.ts
index 513888c957e9..29ac4ce6f4a3 100644
--- a/src/components/ProductTrainingContext/TOOLTIPS.ts
+++ b/src/components/ProductTrainingContext/TOOLTIPS.ts
@@ -12,6 +12,9 @@ const {
     SCAN_TEST_TOOLTIP,
     SCAN_TEST_TOOLTIP_MANAGER,
     SCAN_TEST_CONFIRMATION,
+    OUTSANDING_FILTER,
+    SETTINGS_TAB,
+    WORKSPACES_SETTINGS,
     GBR_RBR_CHAT,
     ACCOUNT_SWITCHER,
     EXPENSE_REPORTS_FILTER,
@@ -160,6 +163,36 @@ const TOOLTIPS: Record<ProductTrainingTooltipName, TooltipData> = {
         priority: 1100,
         shouldShow: () => true,
     },
+    [OUTSANDING_FILTER]: {
+        content: [
+            {text: 'productTrainingTooltip.outstandingFilter.part1', isBold: false},
+            {text: 'productTrainingTooltip.outstandingFilter.part2', isBold: true},
+        ],
+        onHideTooltip: () => dismissProductTraining(OUTSANDING_FILTER),
+        name: OUTSANDING_FILTER,
+        priority: 1925,
+        shouldShow: ({isUserPolicyAdmin}) => isUserPolicyAdmin,
+    },
+    [SETTINGS_TAB]: {
+        content: [
+            {text: 'productTrainingTooltip.settingsTab.part1', isBold: false},
+            {text: 'productTrainingTooltip.settingsTab.part2', isBold: true},
+        ],
+        onHideTooltip: () => dismissProductTraining(SETTINGS_TAB),
+        name: SETTINGS_TAB,
+        priority: 1750,
+        shouldShow: ({isUserPolicyAdmin}) => isUserPolicyAdmin,
+    },
+    [WORKSPACES_SETTINGS]: {
+        content: [
+            {text: 'productTrainingTooltip.workspacesSettings.part1', isBold: false},
+            {text: 'productTrainingTooltip.workspacesSettings.part2', isBold: true},
+        ],
+        onHideTooltip: () => dismissProductTraining(WORKSPACES_SETTINGS),
+        name: WORKSPACES_SETTINGS,
+        priority: 1550,
+        shouldShow: ({isUserPolicyAdmin}) => isUserPolicyAdmin,
+    },
 };
 
 export default TOOLTIPS;
diff --git a/src/components/Search/SearchPageHeader/SearchStatusBar.tsx b/src/components/Search/SearchPageHeader/SearchStatusBar.tsx
index c5334dac2b35..60440901c7da 100644
--- a/src/components/Search/SearchPageHeader/SearchStatusBar.tsx
+++ b/src/components/Search/SearchPageHeader/SearchStatusBar.tsx
@@ -1,4 +1,5 @@
-import React, {useMemo, useRef} from 'react';
+import {useFocusEffect} from '@react-navigation/native';
+import React, {useCallback, useMemo, useRef, useState} from 'react';
 import {View} from 'react-native';
 // eslint-disable-next-line no-restricted-imports
 import type {ScrollView as RNScrollView, ViewStyle} from 'react-native';
@@ -7,13 +8,16 @@ import Button from '@components/Button';
 import ButtonWithDropdownMenu from '@components/ButtonWithDropdownMenu';
 import type {DropdownOption} from '@components/ButtonWithDropdownMenu/types';
 import * as Expensicons from '@components/Icon/Expensicons';
+import {useProductTrainingContext} from '@components/ProductTrainingContext';
 import ScrollView from '@components/ScrollView';
 import {useSearchContext} from '@components/Search/SearchContext';
 import type {ChatSearchStatus, ExpenseSearchStatus, InvoiceSearchStatus, SearchGroupBy, SearchQueryJSON, TripSearchStatus} from '@components/Search/types';
 import SearchStatusSkeleton from '@components/Skeletons/SearchStatusSkeleton';
+import EducationalTooltip from '@components/Tooltip/EducationalTooltip';
 import useLocalize from '@hooks/useLocalize';
 import useNetwork from '@hooks/useNetwork';
 import useResponsiveLayout from '@hooks/useResponsiveLayout';
+import useScrollEventEmitter from '@hooks/useScrollEventEmitter';
 import useSingleExecution from '@hooks/useSingleExecution';
 import useStyleUtils from '@hooks/useStyleUtils';
 import useTheme from '@hooks/useTheme';
@@ -229,6 +233,27 @@ function SearchStatusBar({queryJSON, onStatusChange, headerButtonsOptions}: Sear
     const [currentSearchResults] = useOnyx(`${ONYXKEYS.COLLECTION.SNAPSHOT}${hash}`, {canBeMissing: false});
     const {isOffline} = useNetwork();
 
+    const [isScreenFocused, setIsScreenFocused] = useState(false);
+
+    useFocusEffect(
+        useCallback(() => {
+            setIsScreenFocused(true);
+            return () => {
+                setIsScreenFocused(false);
+            };
+        }, []),
+    );
+    const isOutstandingStatusActive = Array.isArray(queryJSON.status)
+        ? queryJSON.status.includes(CONST.SEARCH.STATUS.EXPENSE.OUTSTANDING)
+        : queryJSON.status === CONST.SEARCH.STATUS.EXPENSE.OUTSTANDING;
+    const {renderProductTrainingTooltip, shouldShowProductTrainingTooltip, hideProductTrainingTooltip} = useProductTrainingContext(
+        CONST.PRODUCT_TRAINING_TOOLTIP_NAMES.OUTSANDING_FILTER,
+        isScreenFocused && !isOutstandingStatusActive,
+    );
+    // Controls the visibility of the educational tooltip based on user scrolling.
+    // Hides the tooltip when the user is scrolling and displays it once scrolling stops.
+    const triggerScrollEvent = useScrollEventEmitter();
+
     const selectedTransactionsKeys = useMemo(() => Object.keys(selectedTransactions ?? {}), [selectedTransactions]);
     const shouldShowSelectedDropdown = headerButtonsOptions.length > 0 && (!shouldUseNarrowLayout || (!!selectionMode && selectionMode.isEnabled));
 
@@ -279,9 +304,16 @@ function SearchStatusBar({queryJSON, onStatusChange, headerButtonsOptions}: Sear
                     ref={scrollRef}
                     horizontal
                     showsHorizontalScrollIndicator={false}
+                    onScroll={() => {
+                        triggerScrollEvent();
+                    }}
                 >
                     {options.map((item, index) => {
+                        const isOutstanding = item.status === CONST.SEARCH.STATUS.EXPENSE.OUTSTANDING;
                         const onPress = singleExecution(() => {
+                            if (isOutstanding) {
+                                hideProductTrainingTooltip();
+                            }
                             onStatusChange?.();
                             const query = buildSearchQueryString({...queryJSON, status: item.status});
                             Navigation.setParams({q: query});
@@ -291,27 +323,41 @@ function SearchStatusBar({queryJSON, onStatusChange, headerButtonsOptions}: Sear
                         const isLastItem = index === options.length - 1;
 
                         return (
-                            <Button
+                            <EducationalTooltip
                                 key={item.status}
-                                onLayout={(e) => {
-                                    if (!isActive || isScrolledRef.current || !('left' in e.nativeEvent.layout)) {
-                                        return;
-                                    }
-                                    isScrolledRef.current = true;
-                                    scrollRef.current?.scrollTo({x: (e.nativeEvent.layout.left as number) - styles.pl5.paddingLeft});
+                                shouldRender={isOutstanding && shouldShowProductTrainingTooltip}
+                                anchorAlignment={{
+                                    horizontal: CONST.MODAL.ANCHOR_ORIGIN_HORIZONTAL.CENTER,
+                                    vertical: CONST.MODAL.ANCHOR_ORIGIN_VERTICAL.TOP,
                                 }}
-                                text={translate(item.text)}
-                                onPress={onPress}
-                                icon={item.icon}
-                                iconFill={isActive ? theme.success : undefined}
-                                iconHoverFill={theme.success}
-                                innerStyles={!isActive && styles.bgTransparent}
-                                hoverStyles={StyleUtils.getBackgroundColorStyle(!isActive ? theme.highlightBG : theme.border)}
-                                textStyles={!isActive && StyleUtils.getTextColorStyle(theme.textSupporting)}
-                                textHoverStyles={StyleUtils.getTextColorStyle(theme.text)}
-                                // We add padding to the first and last items so that they align with the header and table but can overflow outside the screen when scrolled.
-                                style={[isFirstItem && styles.pl5, isLastItem && styles.pr5]}
-                            />
+                                shiftHorizontal={0}
+                                renderTooltipContent={renderProductTrainingTooltip}
+                                wrapperStyle={styles.productTrainingTooltipWrapper}
+                                shouldHideOnScroll
+                                shouldHideOnNavigate={false}
+                                onTooltipPress={onPress}
+                            >
+                                <Button
+                                    onLayout={(e) => {
+                                        if (!isActive || isScrolledRef.current || !('left' in e.nativeEvent.layout)) {
+                                            return;
+                                        }
+                                        isScrolledRef.current = true;
+                                        scrollRef.current?.scrollTo({x: (e.nativeEvent.layout.left as number) - styles.pl5.paddingLeft});
+                                    }}
+                                    text={translate(item.text)}
+                                    onPress={onPress}
+                                    icon={item.icon}
+                                    iconFill={isActive ? theme.success : undefined}
+                                    iconHoverFill={theme.success}
+                                    innerStyles={!isActive && styles.bgTransparent}
+                                    hoverStyles={StyleUtils.getBackgroundColorStyle(!isActive ? theme.highlightBG : theme.border)}
+                                    textStyles={!isActive && StyleUtils.getTextColorStyle(theme.textSupporting)}
+                                    textHoverStyles={StyleUtils.getTextColorStyle(theme.text)}
+                                    // We add padding to the first and last items so that they align with the header and table but can overflow outside the screen when scrolled.
+                                    style={[isFirstItem && styles.pl5, isLastItem && styles.pr5]}
+                                />
+                            </EducationalTooltip>
                         );
                     })}
                 </ScrollView>
diff --git a/src/components/Tooltip/EducationalTooltip/BaseEducationalTooltip.tsx b/src/components/Tooltip/EducationalTooltip/BaseEducationalTooltip.tsx
index 493814fe0c1b..3075e7436ee9 100644
--- a/src/components/Tooltip/EducationalTooltip/BaseEducationalTooltip.tsx
+++ b/src/components/Tooltip/EducationalTooltip/BaseEducationalTooltip.tsx
@@ -40,20 +40,26 @@ function BaseEducationalTooltip({children, shouldRender = false, shouldHideOnNav
 
         getTooltipCoordinates(tooltipElementRef.current, (bounds) => {
             updateTargetBounds(bounds);
-            const {y, height} = bounds;
+            const {x, y, width: elementWidth, height} = bounds;
 
             const offset = 10; // Tooltip hides when content moves 10px past header/footer.
             const dimensions = Dimensions.get('window');
             const top = y - (insets.top || 0);
             const bottom = y + height + insets.bottom || 0;
-
+            const left = x - (insets.left || 0);
+            const right = x + elementWidth + (insets.right || 0);
             // Calculate the available space at the top, considering the header height and offset
             const availableHeightForTop = top - (variables.contentHeaderHeight - offset);
 
             // Calculate the total height available after accounting for the bottom tab and offset
             const availableHeightForBottom = dimensions.height - (bottom + variables.bottomTabHeight - offset);
 
-            if (availableHeightForTop < 0 || availableHeightForBottom < 0) {
+            // Calculate available horizontal space, taking into account safe-area insets
+            const availableWidthForLeft = left - offset;
+            const availableWidthForRight = dimensions.width - (right - offset);
+
+            // Hide if the element scrolled out vertically or horizontally
+            if (availableHeightForTop < 0 || availableHeightForBottom < 0 || availableWidthForLeft < 0 || availableWidthForRight < 0) {
                 hideTooltip();
             } else {
                 showTooltip();
diff --git a/src/languages/en.ts b/src/languages/en.ts
index 7093625369a6..218f39d32c3f 100755
--- a/src/languages/en.ts
+++ b/src/languages/en.ts
@@ -6257,6 +6257,18 @@ const translations = {
             tryItOut: 'Try it out',
             noThanks: 'No thanks',
         },
+        outstandingFilter: {
+            part1: 'Filter for expenses\nthat ',
+            part2: 'need approval',
+        },
+        settingsTab: {
+            part1: 'Explore your ',
+            part2: 'workspace\nand account settings',
+        },
+        workspacesSettings: {
+            part1: 'View your ',
+            part2: 'workspaces',
+        },
     },
     discardChangesConfirmation: {
         title: 'Discard changes?',
diff --git a/src/languages/es.ts b/src/languages/es.ts
index babcb076fd71..cc874fa3962f 100644
--- a/src/languages/es.ts
+++ b/src/languages/es.ts
@@ -6781,6 +6781,18 @@ const translations = {
             tryItOut: 'Prueba esto',
             noThanks: 'No, gracias',
         },
+        outstandingFilter: {
+            part1: 'Filtra los gastos\nque ',
+            part2: 'necesitan aprobación',
+        },
+        settingsTab: {
+            part1: 'Explora ',
+            part2: 'tu espacio de trabajo\ny la configuración de tu cuenta',
+        },
+        workspacesSettings: {
+            part1: 'Ver tus ',
+            part2: 'espacios de trabajo',
+        },
     },
     discardChangesConfirmation: {
         title: '¿Descartar cambios?',
diff --git a/src/pages/home/sidebar/NavigationTabBarAvatar.tsx b/src/pages/home/sidebar/NavigationTabBarAvatar.tsx
index 8f5b4d8b488e..ab66c8736237 100644
--- a/src/pages/home/sidebar/NavigationTabBarAvatar.tsx
+++ b/src/pages/home/sidebar/NavigationTabBarAvatar.tsx
@@ -2,10 +2,13 @@ import React from 'react';
 import type {StyleProp, ViewStyle} from 'react-native';
 import {useOnyx} from 'react-native-onyx';
 import {PressableWithFeedback} from '@components/Pressable';
+import {useProductTrainingContext} from '@components/ProductTrainingContext';
 import Text from '@components/Text';
+import EducationalTooltip from '@components/Tooltip/EducationalTooltip';
 import useCurrentUserPersonalDetails from '@hooks/useCurrentUserPersonalDetails';
 import useLocalize from '@hooks/useLocalize';
 import useThemeStyles from '@hooks/useThemeStyles';
+import variables from '@styles/variables';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
 import AvatarWithDelegateAvatar from './AvatarWithDelegateAvatar';
@@ -21,16 +24,32 @@ type NavigationTabBarAvatarProps = {
 
     /** Additional styles to add to the button */
     style?: StyleProp<ViewStyle>;
+
+    /** Whether the educational tooltip is allowed */
+    isTooltipAllowed: boolean;
+
+    /** Whether the layout is for Web/Desktop */
+    isWebOrDesktop: boolean;
 };
 
-function NavigationTabBarAvatar({onPress, isSelected = false, style}: NavigationTabBarAvatarProps) {
+function NavigationTabBarAvatar({onPress, isSelected = false, style, isTooltipAllowed, isWebOrDesktop}: NavigationTabBarAvatarProps) {
     const styles = useThemeStyles();
     const {translate} = useLocalize();
     const [account] = useOnyx(ONYXKEYS.ACCOUNT, {canBeMissing: false});
+    const {renderProductTrainingTooltip, shouldShowProductTrainingTooltip, hideProductTrainingTooltip} = useProductTrainingContext(
+        CONST.PRODUCT_TRAINING_TOOLTIP_NAMES.SETTINGS_TAB,
+        isTooltipAllowed && !isSelected,
+    );
+
     const delegateEmail = account?.delegatedAccess?.delegate ?? '';
     const currentUserPersonalDetails = useCurrentUserPersonalDetails();
     const emojiStatus = currentUserPersonalDetails?.status?.emojiCode ?? '';
 
+    const hideTooltipAndSelectTab = () => {
+        hideProductTrainingTooltip();
+        onPress();
+    };
+
     let children;
 
     if (delegateEmail) {
@@ -59,18 +78,31 @@ function NavigationTabBarAvatar({onPress, isSelected = false, style}: Navigation
     }
 
     return (
-        <PressableWithFeedback
-            onPress={onPress}
-            role={CONST.ROLE.BUTTON}
-            accessibilityLabel={translate('sidebarScreen.buttonMySettings')}
-            wrapperStyle={styles.flex1}
-            style={style}
+        <EducationalTooltip
+            shouldRender={shouldShowProductTrainingTooltip}
+            anchorAlignment={{
+                horizontal: isWebOrDesktop ? CONST.MODAL.ANCHOR_ORIGIN_HORIZONTAL.CENTER : CONST.MODAL.ANCHOR_ORIGIN_HORIZONTAL.RIGHT,
+                vertical: CONST.MODAL.ANCHOR_ORIGIN_VERTICAL.BOTTOM,
+            }}
+            shiftHorizontal={isWebOrDesktop ? 0 : variables.navigationTabBarSettingsTooltipShiftHorizontal}
+            renderTooltipContent={renderProductTrainingTooltip}
+            wrapperStyle={styles.productTrainingTooltipWrapper}
+            shouldHideOnNavigate={false}
+            onTooltipPress={hideTooltipAndSelectTab}
         >
-            {children}
-            <Text style={[styles.textSmall, styles.textAlignCenter, isSelected ? styles.textBold : styles.textSupporting, styles.mt0Half, styles.navigationTabBarLabel]}>
-                {translate('initialSettingsPage.account')}
-            </Text>
-        </PressableWithFeedback>
+            <PressableWithFeedback
+                onPress={hideTooltipAndSelectTab}
+                role={CONST.ROLE.BUTTON}
+                accessibilityLabel={translate('sidebarScreen.buttonMySettings')}
+                wrapperStyle={styles.flex1}
+                style={style}
+            >
+                {children}
+                <Text style={[styles.textSmall, styles.textAlignCenter, isSelected ? styles.textBold : styles.textSupporting, styles.mt0Half, styles.navigationTabBarLabel]}>
+                    {translate('initialSettingsPage.account')}
+                </Text>
+            </PressableWithFeedback>
+        </EducationalTooltip>
     );
 }
 
diff --git a/src/pages/settings/InitialSettingsPage.tsx b/src/pages/settings/InitialSettingsPage.tsx
index 3b1f41fb22c7..6ba7487ec2b7 100755
--- a/src/pages/settings/InitialSettingsPage.tsx
+++ b/src/pages/settings/InitialSettingsPage.tsx
@@ -16,6 +16,7 @@ import MenuItem from '@components/MenuItem';
 import NavigationTabBar from '@components/Navigation/NavigationTabBar';
 import NAVIGATION_TABS from '@components/Navigation/NavigationTabBar/NAVIGATION_TABS';
 import {PressableWithFeedback} from '@components/Pressable';
+import {useProductTrainingContext} from '@components/ProductTrainingContext';
 import ScreenWrapper from '@components/ScreenWrapper';
 import {ScrollOffsetContext} from '@components/ScrollOffsetContextProvider';
 import ScrollView from '@components/ScrollView';
@@ -26,6 +27,7 @@ import withCurrentUserPersonalDetails from '@components/withCurrentUserPersonalD
 import useLocalize from '@hooks/useLocalize';
 import useNetwork from '@hooks/useNetwork';
 import useResponsiveLayout from '@hooks/useResponsiveLayout';
+import useScrollEventEmitter from '@hooks/useScrollEventEmitter';
 import useSingleExecution from '@hooks/useSingleExecution';
 import useSubscriptionPlan from '@hooks/useSubscriptionPlan';
 import useTheme from '@hooks/useTheme';
@@ -78,6 +80,9 @@ type MenuData = {
     iconRight?: IconAsset;
     badgeText?: string;
     badgeStyle?: ViewStyle;
+    shouldRenderTooltip?: boolean;
+    renderTooltipContent?: () => React.JSX.Element;
+    onEducationTooltipPress?: () => void;
 };
 
 type Menu = {sectionStyle: StyleProp<ViewStyle>; sectionTranslationKey: TranslationPaths; items: MenuData[]};
@@ -104,6 +109,20 @@ function InitialSettingsPage({currentUserPersonalDetails}: InitialSettingsPagePr
     const emojiCode = currentUserPersonalDetails?.status?.emojiCode ?? '';
     const [allConnectionSyncProgresses] = useOnyx(`${ONYXKEYS.COLLECTION.POLICY_CONNECTION_SYNC_PROGRESS}`, {canBeMissing: true});
     const {setRootStatusBarEnabled} = useContext(CustomStatusBarAndBackgroundContext);
+
+    const isScreenFocused = useIsAccountSettingsRouteActive(shouldUseNarrowLayout);
+    const isWorkspacesTabSelected = focusedRouteName === SCREENS.SETTINGS.WORKSPACES;
+
+    const {
+        renderProductTrainingTooltip: renderWorkspaceSettingsTooltip,
+        shouldShowProductTrainingTooltip: shouldShowWorkspaceSettingsTooltip,
+        hideProductTrainingTooltip: hideWorkspaceSettingsTooltip,
+    } = useProductTrainingContext(CONST.PRODUCT_TRAINING_TOOLTIP_NAMES.WORKSPACES_SETTINGS, isScreenFocused && !isWorkspacesTabSelected);
+
+    // Controls the visibility of the educational tooltip based on user scrolling.
+    // Hides the tooltip when the user is scrolling and displays it once scrolling stops.
+    const triggerScrollEvent = useScrollEventEmitter();
+
     const shouldDisplayLHB = !shouldUseNarrowLayout;
 
     const [privateSubscription] = useOnyx(ONYXKEYS.NVP_PRIVATE_SUBSCRIPTION, {canBeMissing: true});
@@ -117,8 +136,6 @@ function InitialSettingsPage({currentUserPersonalDetails}: InitialSettingsPagePr
     const freeTrialText = getFreeTrialText(policies);
     const shouldOpenBookACall = tryNewDot?.classicRedirect?.dismissed === false;
 
-    const isScreenFocused = useIsAccountSettingsRouteActive(shouldUseNarrowLayout);
-
     useEffect(() => {
         openInitialSettingsPage();
         confirmReadyToOpenApp();
@@ -183,6 +200,11 @@ function InitialSettingsPage({currentUserPersonalDetails}: InitialSettingsPagePr
         return defaultMenu;
     }, [loginList, privatePersonalDetails, styles.accountSettingsSectionContainer, walletBrickRoadIndicator]);
 
+    const navigateToWorkspacesSettings = useCallback(() => {
+        hideWorkspaceSettingsTooltip();
+        Navigation.navigate(ROUTES.SETTINGS_WORKSPACES.route);
+    }, [hideWorkspaceSettingsTooltip]);
+
     /**
      * Retuns a list of menu items data for workspace section
      * @returns object with translationKey, style and items for the workspace section
@@ -194,7 +216,10 @@ function InitialSettingsPage({currentUserPersonalDetails}: InitialSettingsPagePr
                 icon: Expensicons.Buildings,
                 screenName: SCREENS.SETTINGS.WORKSPACES,
                 brickRoadIndicator: hasGlobalWorkspaceSettingsRBR(policies, allConnectionSyncProgresses) ? CONST.BRICK_ROAD_INDICATOR_STATUS.ERROR : undefined,
-                action: () => Navigation.navigate(ROUTES.SETTINGS_WORKSPACES.route),
+                action: navigateToWorkspacesSettings,
+                shouldRenderTooltip: shouldShowWorkspaceSettingsTooltip,
+                renderTooltipContent: renderWorkspaceSettingsTooltip,
+                onEducationTooltipPress: navigateToWorkspacesSettings,
             },
             {
                 translationKey: 'allSettingsScreen.domains',
@@ -225,7 +250,18 @@ function InitialSettingsPage({currentUserPersonalDetails}: InitialSettingsPagePr
             sectionTranslationKey: 'common.workspaces',
             items,
         };
-    }, [allConnectionSyncProgresses, freeTrialText, policies, privateSubscription?.errors, styles.badgeSuccess, styles.workspaceSettingsSectionContainer, subscriptionPlan]);
+    }, [
+        allConnectionSyncProgresses,
+        freeTrialText,
+        policies,
+        privateSubscription?.errors,
+        styles.badgeSuccess,
+        styles.workspaceSettingsSectionContainer,
+        subscriptionPlan,
+        navigateToWorkspacesSettings,
+        renderWorkspaceSettingsTooltip,
+        shouldShowWorkspaceSettingsTooltip,
+    ]);
 
     /**
      * Retuns a list of menu items data for general section
@@ -368,13 +404,35 @@ function InitialSettingsPage({currentUserPersonalDetails}: InitialSettingsPagePr
                                 iconRight={item.iconRight}
                                 shouldShowRightIcon={item.shouldShowRightIcon}
                                 shouldIconUseAutoWidthStyle
+                                shouldRenderTooltip={item.shouldRenderTooltip}
+                                renderTooltipContent={item.renderTooltipContent}
+                                onEducationTooltipPress={item.onEducationTooltipPress}
+                                tooltipAnchorAlignment={{
+                                    horizontal: CONST.MODAL.ANCHOR_ORIGIN_HORIZONTAL.LEFT,
+                                    vertical: CONST.MODAL.ANCHOR_ORIGIN_VERTICAL.TOP,
+                                }}
+                                tooltipShiftHorizontal={variables.workspacesSettingsTooltipShiftHorizontal}
+                                tooltipShiftVertical={variables.workspacesSettingsTooltipShiftVertical}
+                                tooltipWrapperStyle={styles.productTrainingTooltipWrapper}
+                                shouldHideOnScroll
                             />
                         );
                     })}
                 </View>
             );
         },
-        [styles.pb4, styles.mh3, styles.sectionTitle, styles.sectionMenuItem, translate, userWallet?.currentBalance, focusedRouteName, isExecuting, singleExecution],
+        [
+            styles.pb4,
+            styles.mh3,
+            styles.sectionTitle,
+            styles.sectionMenuItem,
+            translate,
+            userWallet?.currentBalance,
+            focusedRouteName,
+            isExecuting,
+            singleExecution,
+            styles.productTrainingTooltipWrapper,
+        ],
     );
 
     const accountMenuItems = useMemo(() => getMenuItemsSection(accountMenuItemsData), [accountMenuItemsData, getMenuItemsSection]);
@@ -426,8 +484,9 @@ function InitialSettingsPage({currentUserPersonalDetails}: InitialSettingsPagePr
                 return;
             }
             saveScrollOffset(route, e.nativeEvent.contentOffset.y);
+            triggerScrollEvent();
         },
-        [route, saveScrollOffset],
+        [route, saveScrollOffset, triggerScrollEvent],
     );
 
     useLayoutEffect(() => {
diff --git a/src/styles/variables.ts b/src/styles/variables.ts
index 00ad83ed5b05..8b4c99918906 100644
--- a/src/styles/variables.ts
+++ b/src/styles/variables.ts
@@ -277,9 +277,12 @@ export default {
     savedSearchShiftHorizontal: -10,
     savedSearchShiftVertical: 6,
     navigationTabBarInboxTooltipShiftHorizontal: 36,
+    navigationTabBarSettingsTooltipShiftHorizontal: -36,
     accountSwitcherTooltipShiftVertical: 7,
     accountSwitcherTooltipShiftHorizontal: 4,
     expenseReportsTypeTooltipShiftHorizontal: 10,
+    workspacesSettingsTooltipShiftHorizontal: 8,
+    workspacesSettingsTooltipShiftVertical: -8,
 
     inlineImagePreviewMinSize: 64,
     inlineImagePreviewMaxSize: 148,
diff --git a/src/types/onyx/DismissedProductTraining.ts b/src/types/onyx/DismissedProductTraining.ts
index 7bea49cc963e..51832f0ae2e0 100644
--- a/src/types/onyx/DismissedProductTraining.ts
+++ b/src/types/onyx/DismissedProductTraining.ts
@@ -9,6 +9,9 @@ const {
     SCAN_TEST_TOOLTIP,
     SCAN_TEST_TOOLTIP_MANAGER,
     SCAN_TEST_CONFIRMATION,
+    OUTSANDING_FILTER,
+    SETTINGS_TAB,
+    WORKSPACES_SETTINGS,
     ACCOUNT_SWITCHER,
     GBR_RBR_CHAT,
     EXPENSE_REPORTS_FILTER,
@@ -75,6 +78,21 @@ type DismissedProductTraining = {
      */
     [SCAN_TEST_CONFIRMATION]: DismissedProductTrainingElement;
 
+    /**
+     * When user dismisses the outstanding filter product training tooltip, we store the timestamp here.
+     */
+    [OUTSANDING_FILTER]: DismissedProductTrainingElement;
+
+    /**
+     * When user dismisses the settings tab product training tooltip, we store the timestamp here.
+     */
+    [SETTINGS_TAB]: DismissedProductTrainingElement;
+
+    /**
+     * When user dismisses the workspaces settings product training tooltip, we store the timestamp here.
+     */
+    [WORKSPACES_SETTINGS]: DismissedProductTrainingElement;
+
     /**
      * When user dismisses the accountSwitcher product training tooltip, we store the timestamp here.
      */
diff --git a/tests/navigation/GoBackTests.tsx b/tests/navigation/GoBackTests.tsx
index 0c7af7da4459..c28aefd44817 100644
--- a/tests/navigation/GoBackTests.tsx
+++ b/tests/navigation/GoBackTests.tsx
@@ -13,6 +13,14 @@ import TestNavigationContainer from '../utils/TestNavigationContainer';
 jest.mock('@hooks/useResponsiveLayout', () => jest.fn());
 jest.mock('@libs/getIsNarrowLayout', () => jest.fn());
 
+// Mock Fullstory library dependency
+jest.mock('@libs/Fullstory', () => ({
+    default: {
+        consentAndIdentify: jest.fn(),
+    },
+    parseFSAttributes: jest.fn(),
+}));
+
 jest.mock('@pages/home/sidebar/NavigationTabBarAvatar');
 jest.mock('@src/components/Navigation/TopLevelNavigationTabBar');
 jest.mock('@components/ConfirmedRoute.tsx');
diff --git a/tests/navigation/NavigateTests.tsx b/tests/navigation/NavigateTests.tsx
index 608caf734392..ef1ebe882845 100644
--- a/tests/navigation/NavigateTests.tsx
+++ b/tests/navigation/NavigateTests.tsx
@@ -13,6 +13,14 @@ import TestNavigationContainer from '../utils/TestNavigationContainer';
 jest.mock('@hooks/useResponsiveLayout', () => jest.fn());
 jest.mock('@libs/getIsNarrowLayout', () => jest.fn());
 
+// Mock Fullstory library dependency
+jest.mock('@libs/Fullstory', () => ({
+    default: {
+        consentAndIdentify: jest.fn(),
+    },
+    parseFSAttributes: jest.fn(),
+}));
+
 jest.mock('@pages/home/sidebar/NavigationTabBarAvatar');
 jest.mock('@src/components/Navigation/TopLevelNavigationTabBar');
 jest.mock('@components/ConfirmedRoute.tsx');
diff --git a/tests/navigation/SwitchPolicyIDTests.tsx b/tests/navigation/SwitchPolicyIDTests.tsx
index 418c974573f5..1c62132ec94b 100644
--- a/tests/navigation/SwitchPolicyIDTests.tsx
+++ b/tests/navigation/SwitchPolicyIDTests.tsx
@@ -12,6 +12,14 @@ import TestNavigationContainer from '../utils/TestNavigationContainer';
 jest.mock('@hooks/useResponsiveLayout', () => jest.fn());
 jest.mock('@libs/getIsNarrowLayout', () => jest.fn());
 
+// Mock Fullstory library dependency
+jest.mock('@libs/Fullstory', () => ({
+    default: {
+        consentAndIdentify: jest.fn(),
+    },
+    parseFSAttributes: jest.fn(),
+}));
+
 jest.mock('@pages/home/sidebar/NavigationTabBarAvatar');
 jest.mock('@src/components/Navigation/TopLevelNavigationTabBar');
 jest.mock('@components/ConfirmedRoute.tsx');