diff --git a/src/pages/Search/SearchPageNarrow.tsx b/src/pages/Search/SearchPageNarrow.tsx
index a897b77cb251..6979bf4547ed 100644
--- a/src/pages/Search/SearchPageNarrow.tsx
+++ b/src/pages/Search/SearchPageNarrow.tsx
@@ -194,7 +194,15 @@ function SearchPageNarrow({
                             />
                         </View>
                         <View style={[styles.flex1]}>
-                            <Animated.View style={[topBarAnimatedStyle, !searchRouterListVisible && styles.narrowSearchRouterInactiveStyle, styles.flex1, styles.bgTransparent]}>
+                            <Animated.View
+                                style={[
+                                    topBarAnimatedStyle,
+                                    !searchRouterListVisible && styles.narrowSearchRouterInactiveStyle,
+                                    styles.flex1,
+                                    styles.bgTransparent,
+                                    styles.searchTopBarZIndexStyle,
+                                ]}
+                            >
                                 <View style={[styles.flex1, styles.pt2, styles.appBG]}>
                                     <SearchPageHeader
                                         queryJSON={queryJSON}
diff --git a/src/styles/index.ts b/src/styles/index.ts
index 551aef9ed44e..9fa1dbf32e5d 100644
--- a/src/styles/index.ts
+++ b/src/styles/index.ts
@@ -6011,6 +6011,9 @@ const plainStyles = (theme: ThemeColors) =>
             layout: {'line-join': 'round', 'line-cap': 'round'},
             paint: {'line-color': theme.success, 'line-width': 7},
         },
+        searchTopBarZIndexStyle: {
+            zIndex: variables.searchTopBarZIndex,
+        },
     }) satisfies Styles;
 
 const styles = (theme: ThemeColors) =>