diff --git a/frontend/src/lib/components/Navbar.svelte b/frontend/src/lib/components/Navbar.svelte
index 8929da9..2ecaacd 100644
--- a/frontend/src/lib/components/Navbar.svelte
+++ b/frontend/src/lib/components/Navbar.svelte
@@ -34,7 +34,7 @@
   
 </script>
 
-<div class="fixed top-0 bg-white font-inter-tight flex flex-row justify-between w-screen p-4 h-16">
+<div class="fixed top-0 bg-white font-inter-tight flex flex-row justify-between w-screen p-4 h-16 z-30">
   <a class="flex flex-row gap-2 items-center" href="/">
     <img alt="brawlset website logo" src="/assets/logo.png" class="h-8" />
     <span class="font-beleren text-3xl mt-2 bg-gradient-to-r from-black to-orange-500 bg-clip-text text-transparent">BrawlSet</span>