diff --git a/packages/kilo-console/src/components/app-header/OmniSearch.tsx b/packages/kilo-console/src/components/app-header/OmniSearch.tsx
index 47e24d7faea..328fd39ca89 100644
--- a/packages/kilo-console/src/components/app-header/OmniSearch.tsx
+++ b/packages/kilo-console/src/components/app-header/OmniSearch.tsx
@@ -131,6 +131,12 @@ export function OmniSearch() {
   const filtered = createMemo(() => entries().filter((item) => matches(item, term())))
   const server = createMemo(() => query()?.url ?? fallback())
 
+  createEffect(() => {
+    document.body.classList.toggle("omni-search-open", open())
+  })
+
+  onCleanup(() => document.body.classList.remove("omni-search-open"))
+
   function close() {
     setOpen(false)
     setTerm("")
diff --git a/packages/kilo-web-ui/src/styles/console-shell.css b/packages/kilo-web-ui/src/styles/console-shell.css
index 60c5dc9b914..277b00e1e64 100644
--- a/packages/kilo-web-ui/src/styles/console-shell.css
+++ b/packages/kilo-web-ui/src/styles/console-shell.css
@@ -29,6 +29,10 @@
   backdrop-filter: none;
 }
 
+.omni-search-open .kilo-console .app-header {
+  z-index: 10000;
+}
+
 .kilo-console .header-brand {
   grid-column: 1;
   display: inline-flex;
@@ -116,7 +120,7 @@
   position: fixed;
   top: calc((var(--app-header-height) - 2.5rem) / 2);
   left: 50%;
-  z-index: 80;
+  z-index: 10001;
   display: grid;
   grid-template-rows: auto auto auto;
   width: min(35rem, calc(100vw - 2rem));