diff --git a/src/components/Navigation/NavigationTabBar/NavigationTabBarDummy.tsx b/src/components/Navigation/NavigationTabBar/NavigationTabBarDummy.tsx
deleted file mode 100644
index 2eeebcaebcc7..000000000000
--- a/src/components/Navigation/NavigationTabBar/NavigationTabBarDummy.tsx
+++ /dev/null
@@ -1,299 +0,0 @@
-import React, {memo, useEffect, useState} from 'react';
-import {View} from 'react-native';
-import type {ValueOf} from 'type-fest';
-import FloatingActionButton from '@components/FloatingActionButton';
-import HeaderGap from '@components/HeaderGap';
-import Icon from '@components/Icon';
-import * as Expensicons from '@components/Icon/Expensicons';
-import ImageSVG from '@components/ImageSVG';
-import {PressableWithFeedback} from '@components/Pressable';
-import Text from '@components/Text';
-import useLocalize from '@hooks/useLocalize';
-import useOnyx from '@hooks/useOnyx';
-import useResponsiveLayout from '@hooks/useResponsiveLayout';
-import {useSidebarOrderedReports} from '@hooks/useSidebarOrderedReports';
-import useStyleUtils from '@hooks/useStyleUtils';
-import useTheme from '@hooks/useTheme';
-import useThemeStyles from '@hooks/useThemeStyles';
-import useWorkspacesTabIndicatorStatus from '@hooks/useWorkspacesTabIndicatorStatus';
-import type {BrickRoad} from '@libs/WorkspacesSettingsUtils';
-import {getChatTabBrickRoad} from '@libs/WorkspacesSettingsUtils';
-import NavigationTabBarAvatar from '@pages/home/sidebar/NavigationTabBarAvatar';
-import variables from '@styles/variables';
-import CONST from '@src/CONST';
-import ONYXKEYS from '@src/ONYXKEYS';
-import NAVIGATION_TABS from './NAVIGATION_TABS';
-
-const noop = () => undefined;
-
-function NavigationTabBarWideDummy({selectedTab}: {selectedTab: ValueOf<typeof NAVIGATION_TABS>}) {
-    const theme = useTheme();
-    const styles = useThemeStyles();
-    const StyleUtils = useStyleUtils();
-    const {translate} = useLocalize();
-    const {indicatorColor: workspacesTabIndicatorColor, status: workspacesTabIndicatorStatus} = useWorkspacesTabIndicatorStatus();
-    const [chatTabBrickRoad, setChatTabBrickRoad] = useState<BrickRoad>(undefined);
-    const {orderedReports} = useSidebarOrderedReports();
-    const [reportAttributes] = useOnyx(ONYXKEYS.DERIVED.REPORT_ATTRIBUTES, {selector: (value) => value?.reports, canBeMissing: true});
-
-    useEffect(() => {
-        setChatTabBrickRoad(getChatTabBrickRoad(orderedReports));
-        // We need to get a new brick road state when report attributes are updated, otherwise we'll be showing an outdated brick road.
-        // That's why reportAttributes is added as a dependency here
-    }, [orderedReports, reportAttributes]);
-
-    return (
-        <View style={styles.leftNavigationTabBarContainer}>
-            <HeaderGap />
-            <View style={styles.flex1}>
-                <PressableWithFeedback
-                    accessibilityRole={CONST.ROLE.BUTTON}
-                    accessibilityLabel="Home"
-                    accessible={false}
-                    testID="ExpensifyLogoButton"
-                    onPress={noop}
-                    wrapperStyle={styles.leftNavigationTabBarItem}
-                >
-                    <ImageSVG
-                        style={StyleUtils.getAvatarStyle(CONST.AVATAR_SIZE.DEFAULT)}
-                        src={Expensicons.ExpensifyAppIcon}
-                    />
-                </PressableWithFeedback>
-                <PressableWithFeedback
-                    onPress={noop}
-                    role={CONST.ROLE.BUTTON}
-                    accessibilityLabel={translate('common.inbox')}
-                    style={styles.leftNavigationTabBarItem}
-                >
-                    <View>
-                        <Icon
-                            src={Expensicons.Inbox}
-                            fill={selectedTab === NAVIGATION_TABS.HOME ? theme.iconMenu : theme.icon}
-                            width={variables.iconBottomBar}
-                            height={variables.iconBottomBar}
-                        />
-                        {!!chatTabBrickRoad && (
-                            <View style={styles.navigationTabBarStatusIndicator(chatTabBrickRoad === CONST.BRICK_ROAD_INDICATOR_STATUS.INFO ? theme.iconSuccessFill : theme.danger)} />
-                        )}
-                    </View>
-                    <Text
-                        style={[
-                            styles.textSmall,
-                            styles.textAlignCenter,
-                            styles.mt1Half,
-                            selectedTab === NAVIGATION_TABS.HOME ? styles.textBold : styles.textSupporting,
-                            styles.navigationTabBarLabel,
-                        ]}
-                    >
-                        {translate('common.inbox')}
-                    </Text>
-                </PressableWithFeedback>
-                <PressableWithFeedback
-                    onPress={noop}
-                    role={CONST.ROLE.BUTTON}
-                    accessibilityLabel={translate('common.reports')}
-                    style={styles.leftNavigationTabBarItem}
-                >
-                    <View>
-                        <Icon
-                            src={Expensicons.MoneySearch}
-                            fill={selectedTab === NAVIGATION_TABS.SEARCH ? theme.iconMenu : theme.icon}
-                            width={variables.iconBottomBar}
-                            height={variables.iconBottomBar}
-                        />
-                    </View>
-                    <Text
-                        style={[
-                            styles.textSmall,
-                            styles.textAlignCenter,
-                            styles.mt1Half,
-                            selectedTab === NAVIGATION_TABS.SEARCH ? styles.textBold : styles.textSupporting,
-                            styles.navigationTabBarLabel,
-                        ]}
-                    >
-                        {translate('common.reports')}
-                    </Text>
-                </PressableWithFeedback>
-                <PressableWithFeedback
-                    onPress={noop}
-                    role={CONST.ROLE.BUTTON}
-                    accessibilityLabel={translate('common.workspacesTabTitle')}
-                    style={styles.leftNavigationTabBarItem}
-                >
-                    <View>
-                        <Icon
-                            src={Expensicons.Buildings}
-                            fill={selectedTab === NAVIGATION_TABS.WORKSPACES ? theme.iconMenu : theme.icon}
-                            width={variables.iconBottomBar}
-                            height={variables.iconBottomBar}
-                        />
-                        {!!workspacesTabIndicatorStatus && <View style={styles.navigationTabBarStatusIndicator(workspacesTabIndicatorColor)} />}
-                    </View>
-                    <Text
-                        style={[
-                            styles.textSmall,
-                            styles.textAlignCenter,
-                            styles.mt1Half,
-                            selectedTab === NAVIGATION_TABS.WORKSPACES ? styles.textBold : styles.textSupporting,
-                            styles.navigationTabBarLabel,
-                        ]}
-                    >
-                        {translate('common.workspacesTabTitle')}
-                    </Text>
-                </PressableWithFeedback>
-                <NavigationTabBarAvatar
-                    style={styles.leftNavigationTabBarItem}
-                    isSelected={selectedTab === NAVIGATION_TABS.SETTINGS}
-                    onPress={noop}
-                />
-            </View>
-            <View style={styles.leftNavigationTabBarItem}>
-                <FloatingActionButton
-                    onPress={noop}
-                    isActive={false}
-                    accessibilityLabel={translate('sidebarScreen.fabNewChatExplained')}
-                    role={CONST.ROLE.BUTTON}
-                    isTooltipAllowed={false}
-                />
-            </View>
-        </View>
-    );
-}
-
-function NavigationTabBarNarrowDummy({selectedTab}: {selectedTab: ValueOf<typeof NAVIGATION_TABS>}) {
-    const theme = useTheme();
-    const styles = useThemeStyles();
-    const {translate} = useLocalize();
-    const {indicatorColor: workspacesTabIndicatorColor, status: workspacesTabIndicatorStatus} = useWorkspacesTabIndicatorStatus();
-    const [chatTabBrickRoad, setChatTabBrickRoad] = useState<BrickRoad>(undefined);
-    const {orderedReports} = useSidebarOrderedReports();
-    const [reportAttributes] = useOnyx(ONYXKEYS.DERIVED.REPORT_ATTRIBUTES, {selector: (value) => value?.reports, canBeMissing: true});
-
-    useEffect(() => {
-        setChatTabBrickRoad(getChatTabBrickRoad(orderedReports));
-        // We need to get a new brick road state when report attributes are updated, otherwise we'll be showing an outdated brick road.
-        // That's why reportAttributes is added as a dependency here
-    }, [orderedReports, reportAttributes]);
-
-    return (
-        <View style={styles.navigationTabBarContainer}>
-            <PressableWithFeedback
-                onPress={noop}
-                role={CONST.ROLE.BUTTON}
-                accessibilityLabel={translate('common.inbox')}
-                wrapperStyle={styles.flex1}
-                style={styles.navigationTabBarItem}
-            >
-                <View>
-                    <Icon
-                        src={Expensicons.Inbox}
-                        fill={selectedTab === NAVIGATION_TABS.HOME ? theme.iconMenu : theme.icon}
-                        width={variables.iconBottomBar}
-                        height={variables.iconBottomBar}
-                    />
-                    {!!chatTabBrickRoad && (
-                        <View style={styles.navigationTabBarStatusIndicator(chatTabBrickRoad === CONST.BRICK_ROAD_INDICATOR_STATUS.INFO ? theme.iconSuccessFill : theme.danger)} />
-                    )}
-                </View>
-                <Text
-                    style={[
-                        styles.textSmall,
-                        styles.textAlignCenter,
-                        styles.mt1Half,
-                        selectedTab === NAVIGATION_TABS.HOME ? styles.textBold : styles.textSupporting,
-                        styles.navigationTabBarLabel,
-                    ]}
-                >
-                    {translate('common.inbox')}
-                </Text>
-            </PressableWithFeedback>
-            <PressableWithFeedback
-                onPress={noop}
-                role={CONST.ROLE.BUTTON}
-                accessibilityLabel={translate('common.reports')}
-                wrapperStyle={styles.flex1}
-                style={styles.navigationTabBarItem}
-            >
-                <View>
-                    <Icon
-                        src={Expensicons.MoneySearch}
-                        fill={selectedTab === NAVIGATION_TABS.SEARCH ? theme.iconMenu : theme.icon}
-                        width={variables.iconBottomBar}
-                        height={variables.iconBottomBar}
-                    />
-                </View>
-                <Text
-                    style={[
-                        styles.textSmall,
-                        styles.textAlignCenter,
-                        styles.mt1Half,
-                        selectedTab === NAVIGATION_TABS.SEARCH ? styles.textBold : styles.textSupporting,
-                        styles.navigationTabBarLabel,
-                    ]}
-                >
-                    {translate('common.reports')}
-                </Text>
-            </PressableWithFeedback>
-            <View style={[styles.flex1, styles.navigationTabBarItem]}>
-                <FloatingActionButton
-                    onPress={noop}
-                    isActive={false}
-                    accessibilityLabel={translate('sidebarScreen.fabNewChatExplained')}
-                    role={CONST.ROLE.BUTTON}
-                    isTooltipAllowed={false}
-                />
-            </View>
-            <PressableWithFeedback
-                onPress={noop}
-                role={CONST.ROLE.BUTTON}
-                accessibilityLabel={translate('common.workspacesTabTitle')}
-                wrapperStyle={styles.flex1}
-                style={styles.navigationTabBarItem}
-            >
-                <View>
-                    <Icon
-                        src={Expensicons.Buildings}
-                        fill={selectedTab === NAVIGATION_TABS.WORKSPACES ? theme.iconMenu : theme.icon}
-                        width={variables.iconBottomBar}
-                        height={variables.iconBottomBar}
-                    />
-                    {!!workspacesTabIndicatorStatus && <View style={styles.navigationTabBarStatusIndicator(workspacesTabIndicatorColor)} />}
-                </View>
-                <Text
-                    style={[
-                        styles.textSmall,
-                        styles.textAlignCenter,
-                        styles.mt1Half,
-                        selectedTab === NAVIGATION_TABS.WORKSPACES ? styles.textBold : styles.textSupporting,
-                        styles.navigationTabBarLabel,
-                    ]}
-                >
-                    {translate('common.workspacesTabTitle')}
-                </Text>
-            </PressableWithFeedback>
-            <NavigationTabBarAvatar
-                style={styles.navigationTabBarItem}
-                isSelected={selectedTab === NAVIGATION_TABS.SETTINGS}
-                onPress={noop}
-            />
-        </View>
-    );
-}
-
-/**
- * This is a dummy component for the NavigationTabBar created for performance reasons.
- * It is used to render the dummy NavigationTabBar in a wide or narrow layout.
- * @param selectedTab - The selected tab.
- * @returns The NavigationTabBarDummy component.
- */
-function NavigationTabBarDummy({selectedTab}: {selectedTab: ValueOf<typeof NAVIGATION_TABS>}) {
-    const {shouldUseNarrowLayout} = useResponsiveLayout();
-
-    if (shouldUseNarrowLayout) {
-        return <NavigationTabBarNarrowDummy selectedTab={selectedTab} />;
-    }
-
-    return <NavigationTabBarWideDummy selectedTab={selectedTab} />;
-}
-
-export default memo(NavigationTabBarDummy);
diff --git a/src/components/Navigation/SearchSidebar.tsx b/src/components/Navigation/SearchSidebar.tsx
index ae6e42796201..6da1ec0b91e0 100644
--- a/src/components/Navigation/SearchSidebar.tsx
+++ b/src/components/Navigation/SearchSidebar.tsx
@@ -17,8 +17,8 @@ import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
 import SCREENS from '@src/SCREENS';
 import type {SearchResults} from '@src/types/onyx';
+import NavigationTabBar from './NavigationTabBar';
 import NAVIGATION_TABS from './NavigationTabBar/NAVIGATION_TABS';
-import NavigationTabBarDummy from './NavigationTabBar/NavigationTabBarDummy';
 import TopBar from './TopBar';
 
 type SearchSidebarProps = {
@@ -76,7 +76,7 @@ function SearchSidebar({state}: SearchSidebarProps) {
                 />
                 <SearchTypeMenu queryJSON={queryJSON} />
             </View>
-            <NavigationTabBarDummy selectedTab={NAVIGATION_TABS.SEARCH} />
+            <NavigationTabBar selectedTab={NAVIGATION_TABS.SEARCH} />
         </View>
     );
 }
diff --git a/src/pages/Search/SearchPageNarrow.tsx b/src/pages/Search/SearchPageNarrow.tsx
index 6ac83494a55f..cf7bb0c8b51f 100644
--- a/src/pages/Search/SearchPageNarrow.tsx
+++ b/src/pages/Search/SearchPageNarrow.tsx
@@ -5,8 +5,8 @@ import Animated, {clamp, runOnJS, useAnimatedScrollHandler, useAnimatedStyle, us
 import FullPageNotFoundView from '@components/BlockingViews/FullPageNotFoundView';
 import type {DropdownOption} from '@components/ButtonWithDropdownMenu/types';
 import HeaderWithBackButton from '@components/HeaderWithBackButton';
+import NavigationTabBar from '@components/Navigation/NavigationTabBar';
 import NAVIGATION_TABS from '@components/Navigation/NavigationTabBar/NAVIGATION_TABS';
-import NavigationTabBarDummy from '@components/Navigation/NavigationTabBar/NavigationTabBarDummy';
 import TopBar from '@components/Navigation/TopBar';
 import ScreenWrapper from '@components/ScreenWrapper';
 import Search from '@components/Search';
@@ -141,7 +141,7 @@ function SearchPageNarrow({queryJSON, headerButtonsOptions, currentSearchResults
             testID={SearchPageNarrow.displayName}
             shouldEnableMaxHeight
             offlineIndicatorStyle={styles.mtAuto}
-            bottomContent={<NavigationTabBarDummy selectedTab={NAVIGATION_TABS.SEARCH} />}
+            bottomContent={<NavigationTabBar selectedTab={NAVIGATION_TABS.SEARCH} />}
             headerGapStyles={styles.searchHeaderGap}
             shouldShowOfflineIndicator={!!searchResults}
         >
diff --git a/src/pages/home/sidebar/BaseSidebarScreen.tsx b/src/pages/home/sidebar/BaseSidebarScreen.tsx
index c71fd8cc7c3b..b713f09429d7 100644
--- a/src/pages/home/sidebar/BaseSidebarScreen.tsx
+++ b/src/pages/home/sidebar/BaseSidebarScreen.tsx
@@ -1,7 +1,7 @@
 import React, {useEffect} from 'react';
 import {View} from 'react-native';
+import NavigationTabBar from '@components/Navigation/NavigationTabBar';
 import NAVIGATION_TABS from '@components/Navigation/NavigationTabBar/NAVIGATION_TABS';
-import NavigationTabBarDummy from '@components/Navigation/NavigationTabBar/NavigationTabBarDummy';
 import TopBar from '@components/Navigation/TopBar';
 import ScreenWrapper from '@components/ScreenWrapper';
 import useLocalize from '@hooks/useLocalize';
@@ -27,7 +27,7 @@ function BaseSidebarScreen() {
             shouldEnableKeyboardAvoidingView={false}
             style={[styles.sidebar, isMobile() ? styles.userSelectNone : {}]}
             testID={BaseSidebarScreen.displayName}
-            bottomContent={!shouldDisplayLHB && <NavigationTabBarDummy selectedTab={NAVIGATION_TABS.HOME} />}
+            bottomContent={!shouldDisplayLHB && <NavigationTabBar selectedTab={NAVIGATION_TABS.HOME} />}
         >
             {({insets}) => (
                 <>
@@ -39,7 +39,7 @@ function BaseSidebarScreen() {
                     <View style={[styles.flex1]}>
                         <SidebarLinksData insets={insets} />
                     </View>
-                    {shouldDisplayLHB && <NavigationTabBarDummy selectedTab={NAVIGATION_TABS.HOME} />}
+                    {shouldDisplayLHB && <NavigationTabBar selectedTab={NAVIGATION_TABS.HOME} />}
                 </>
             )}
         </ScreenWrapper>
diff --git a/src/pages/settings/InitialSettingsPage.tsx b/src/pages/settings/InitialSettingsPage.tsx
index 33f33b168518..d700bff5714a 100755
--- a/src/pages/settings/InitialSettingsPage.tsx
+++ b/src/pages/settings/InitialSettingsPage.tsx
@@ -13,8 +13,8 @@ import CustomStatusBarAndBackgroundContext from '@components/CustomStatusBarAndB
 import Icon from '@components/Icon';
 import * as Expensicons from '@components/Icon/Expensicons';
 import MenuItem from '@components/MenuItem';
+import NavigationTabBar from '@components/Navigation/NavigationTabBar';
 import NAVIGATION_TABS from '@components/Navigation/NavigationTabBar/NAVIGATION_TABS';
-import NavigationTabBarDummy from '@components/Navigation/NavigationTabBar/NavigationTabBarDummy';
 import {PressableWithFeedback} from '@components/Pressable';
 import ScreenWrapper from '@components/ScreenWrapper';
 import {ScrollOffsetContext} from '@components/ScrollOffsetContextProvider';
@@ -422,7 +422,7 @@ function InitialSettingsPage({currentUserPersonalDetails}: InitialSettingsPagePr
         <ScreenWrapper
             includeSafeAreaPaddingBottom
             testID={InitialSettingsPage.displayName}
-            bottomContent={!shouldDisplayLHB && <NavigationTabBarDummy selectedTab={NAVIGATION_TABS.SETTINGS} />}
+            bottomContent={!shouldDisplayLHB && <NavigationTabBar selectedTab={NAVIGATION_TABS.SETTINGS} />}
             shouldEnableKeyboardAvoidingView={false}
         >
             {headerContent}
@@ -455,7 +455,7 @@ function InitialSettingsPage({currentUserPersonalDetails}: InitialSettingsPagePr
                     }}
                 />
             </ScrollView>
-            {shouldDisplayLHB && <NavigationTabBarDummy selectedTab={NAVIGATION_TABS.SETTINGS} />}
+            {shouldDisplayLHB && <NavigationTabBar selectedTab={NAVIGATION_TABS.SETTINGS} />}
         </ScreenWrapper>
     );
 }
diff --git a/src/pages/workspace/WorkspaceInitialPage.tsx b/src/pages/workspace/WorkspaceInitialPage.tsx
index b5015126d92e..91deef0f5b42 100644
--- a/src/pages/workspace/WorkspaceInitialPage.tsx
+++ b/src/pages/workspace/WorkspaceInitialPage.tsx
@@ -25,8 +25,8 @@ import {
     Workflows,
 } from '@components/Icon/Expensicons';
 import MenuItem from '@components/MenuItem';
+import NavigationTabBar from '@components/Navigation/NavigationTabBar';
 import NAVIGATION_TABS from '@components/Navigation/NavigationTabBar/NAVIGATION_TABS';
-import NavigationTabBarDummy from '@components/Navigation/NavigationTabBar/NavigationTabBarDummy';
 import OfflineWithFeedback from '@components/OfflineWithFeedback';
 import ScreenWrapper from '@components/ScreenWrapper';
 import ScrollView from '@components/ScrollView';
@@ -437,7 +437,7 @@ function WorkspaceInitialPage({policyDraft, policy: policyProp, route}: Workspac
         <ScreenWrapper
             testID={WorkspaceInitialPage.displayName}
             enableEdgeToEdgeBottomSafeAreaPadding={false}
-            bottomContent={shouldShowNavigationTabBar && !shouldDisplayLHB && <NavigationTabBarDummy selectedTab={NAVIGATION_TABS.WORKSPACES} />}
+            bottomContent={shouldShowNavigationTabBar && !shouldDisplayLHB && <NavigationTabBar selectedTab={NAVIGATION_TABS.WORKSPACES} />}
         >
             <FullPageNotFoundView
                 onBackButtonPress={Navigation.dismissModal}
@@ -504,7 +504,7 @@ function WorkspaceInitialPage({policyDraft, policy: policyProp, route}: Workspac
                         </View>
                     )}
                 </ScrollView>
-                {shouldShowNavigationTabBar && shouldDisplayLHB && <NavigationTabBarDummy selectedTab={NAVIGATION_TABS.WORKSPACES} />}
+                {shouldShowNavigationTabBar && shouldDisplayLHB && <NavigationTabBar selectedTab={NAVIGATION_TABS.WORKSPACES} />}
             </FullPageNotFoundView>
         </ScreenWrapper>
     );
diff --git a/src/pages/workspace/WorkspacesListPage.tsx b/src/pages/workspace/WorkspacesListPage.tsx
index a3d9dbf59419..61cf021e7b52 100755
--- a/src/pages/workspace/WorkspacesListPage.tsx
+++ b/src/pages/workspace/WorkspacesListPage.tsx
@@ -12,8 +12,8 @@ import * as Expensicons from '@components/Icon/Expensicons';
 import * as Illustrations from '@components/Icon/Illustrations';
 import LottieAnimations from '@components/LottieAnimations';
 import type {MenuItemProps} from '@components/MenuItem';
+import NavigationTabBar from '@components/Navigation/NavigationTabBar';
 import NAVIGATION_TABS from '@components/Navigation/NavigationTabBar/NAVIGATION_TABS';
-import NavigationTabBarDummy from '@components/Navigation/NavigationTabBar/NavigationTabBarDummy';
 import TopBar from '@components/Navigation/TopBar';
 import type {OfflineWithFeedbackProps} from '@components/OfflineWithFeedback';
 import OfflineWithFeedback from '@components/OfflineWithFeedback';
@@ -496,7 +496,7 @@ function WorkspacesListPage() {
                 shouldEnableMaxHeight
                 testID={WorkspacesListPage.displayName}
                 shouldShowOfflineIndicatorInWideScreen
-                bottomContent={shouldUseNarrowLayout && <NavigationTabBarDummy selectedTab={NAVIGATION_TABS.WORKSPACES} />}
+                bottomContent={shouldUseNarrowLayout && <NavigationTabBar selectedTab={NAVIGATION_TABS.WORKSPACES} />}
                 enableEdgeToEdgeBottomSafeAreaPadding={false}
             >
                 <TopBar breadcrumbLabel={translate('common.workspaces')} />
@@ -523,7 +523,7 @@ function WorkspacesListPage() {
                         </View>
                     </ScrollView>
                 )}
-                {shouldDisplayLHB && <NavigationTabBarDummy selectedTab={NAVIGATION_TABS.WORKSPACES} />}
+                {shouldDisplayLHB && <NavigationTabBar selectedTab={NAVIGATION_TABS.WORKSPACES} />}
             </ScreenWrapper>
         );
     }
@@ -534,7 +534,7 @@ function WorkspacesListPage() {
             shouldShowOfflineIndicatorInWideScreen
             testID={WorkspacesListPage.displayName}
             enableEdgeToEdgeBottomSafeAreaPadding={false}
-            bottomContent={shouldUseNarrowLayout && <NavigationTabBarDummy selectedTab={NAVIGATION_TABS.WORKSPACES} />}
+            bottomContent={shouldUseNarrowLayout && <NavigationTabBar selectedTab={NAVIGATION_TABS.WORKSPACES} />}
         >
             <View style={styles.flex1}>
                 <TopBar breadcrumbLabel={translate('common.workspaces')}>{!shouldUseNarrowLayout && <View style={[styles.pr2]}>{getHeaderButton()}</View>}</TopBar>
@@ -559,7 +559,7 @@ function WorkspacesListPage() {
                 isModalOpen={isSupportalActionRestrictedModalOpen}
                 hideSupportalModal={hideSupportalModal}
             />
-            {shouldDisplayLHB && <NavigationTabBarDummy selectedTab={NAVIGATION_TABS.WORKSPACES} />}
+            {shouldDisplayLHB && <NavigationTabBar selectedTab={NAVIGATION_TABS.WORKSPACES} />}
         </ScreenWrapper>
     );
 }