From dc99806a5ecd0e4c439fa1dd8d12088041dcbe5b Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Tue, 7 Mar 2023 11:44:12 +0800
Subject: [PATCH] Manually set a zindex on the kbar so it shows above modals
 and header

---
 packages/web/pages/_app.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/web/pages/_app.tsx b/packages/web/pages/_app.tsx
index 7daafb7dc..ad224caca 100644
--- a/packages/web/pages/_app.tsx
+++ b/packages/web/pages/_app.tsx
@@ -19,13 +19,17 @@ import {
   KBarSearch,
   Priority,
 } from 'kbar'
-import { animatorStyle, KBarResultsComponents, searchStyle } from '../components/elements/KBar'
+import {
+  animatorStyle,
+  KBarResultsComponents,
+  searchStyle,
+} from '../components/elements/KBar'
 import { darkenTheme, lightenTheme } from '../lib/themeUpdater'
 
 TopBarProgress.config({
   barColors: {
-    "0": '#FFD234',
-    "1.0": '#FFD234',
+    '0': '#FFD234',
+    '1.0': '#FFD234',
   },
   shadowBlur: 0,
   barThickness: 2,
@@ -99,7 +103,7 @@ function OmnivoreApp({ Component, pageProps }: AppProps): JSX.Element {
   return (
     <KBarProvider actions={generateActions(router)}>
       <KBarPortal>
-        <KBarPositioner>
+        <KBarPositioner style={{ zIndex: 100 }}>
           <KBarAnimator style={animatorStyle}>
             <KBarSearch style={searchStyle} />
             <KBarResultsComponents />