diff --git a/app/layout.tsx b/app/layout.tsx
index a591a67..692ea46 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -21,7 +21,7 @@ export default function RootLayout({
   return (
     <html lang="en" className={GeistSans.className}>
       <body className="bg-background text-foreground">
-        <div className="w-full absolute z-10">
+        <div className="w-full absolute z-30">
           <NavigationBar/>
         </div>
         <main className="min-h-screen flex flex-col items-center bg-gradient-to-r from-neroshi-blue-900 to-neroshi-blue-950">
