diff --git a/app/components/ui/navigation-bar.tsx b/app/components/ui/navigation-bar.tsx
index 357b0c2..8afa63d 100644
--- a/app/components/ui/navigation-bar.tsx
+++ b/app/components/ui/navigation-bar.tsx
@@ -26,7 +26,7 @@ interface NavigationProps {
 
 export function NavigationBar ({ isLoggedIn, username}: NavigationProps) {
     return (
-      <div className="flex flex-row p-4 gap-4 w-full fixed top-0 left-0 bg-slate-700 items-center justify-between">
+      <div className="flex z-50 flex-row p-4 gap-4 w-full fixed top-0 left-0 bg-slate-700 items-center justify-between">
         <div className="flex flex-row gap-4 items-center">
           <a className="flex flex-row gap-2 items-center" href="/">
             <img src="/assets/logo.png" className="h-8" />