Merge pull request Expensify#64731 from dukenv0307/fix/64314

Workspaces Loading Bar Has Incorrect Style – Should Be 2px Thick, Not 1px

Author: nkuoch

src/pages/workspace/WorkspacesListPage.tsx

@@ -436,9 +436,13 @@ function WorkspacesListPage() {
                 bottomContent={shouldUseNarrowLayout && <NavigationTabBar selectedTab={NAVIGATION_TABS.WORKSPACES} />}
                 enableEdgeToEdgeBottomSafeAreaPadding={false}
             >
-                <TopBar breadcrumbLabel={translate('common.workspaces')} />
+                <View style={styles.topBarWrapper}>
+                    <TopBar breadcrumbLabel={translate('common.workspaces')} />
+                </View>
                 {shouldShowLoadingIndicator ? (
-                    <FullScreenLoadingIndicator style={[styles.flex1, styles.pRelative]} />
+                    <View style={[styles.flex1]}>
+                        <FullScreenLoadingIndicator style={[styles.flex1, styles.pRelative]} />
+                    </View>
                 ) : (
                     <ScrollView
                         contentContainerStyle={styles.pt2}

src/styles/index.ts

@@ -5943,6 +5943,10 @@ const styles = (theme: ThemeColors) =>
             aspectRatio: 1.7,
         },
 
+        topBarWrapper: {
+            zIndex: 15,
+        },
+
         getTestToolsNavigatorOuterView: (shouldUseNarrowLayout: boolean) => ({
             flex: 1,
             justifyContent: shouldUseNarrowLayout ? 'flex-end' : 'center',