diff --git a/apps/earth/src/components/header/Header.tsx b/apps/earth/src/components/header/Header.tsx
index 9423573..c183414 100644
--- a/apps/earth/src/components/header/Header.tsx
+++ b/apps/earth/src/components/header/Header.tsx
@@ -5,7 +5,7 @@ import { LinkButton } from "components/link/LinkButton";
 
 export const Header = component$(() => {
   return (
-    <header class="navbar flex border-b bg-transparent py-4 px-8 font-mono backdrop-blur-sm">
+    <header class="navbar z-10 flex border-b bg-transparent py-4 px-8 font-mono backdrop-blur-sm">
       <div class="navbar-start">
         <Link class="font-mono uppercase" href="/">
           deopea