From 86f71ad0c1b25db568cf334194a17b8e35451f0b Mon Sep 17 00:00:00 2001
From: Rainnny7 <braydonrainnny@gmail.com>
Date: Tue, 16 Apr 2024 10:52:44 -0400
Subject: [PATCH] Fix the nav overlaying other elements

---
 Frontend/src/app/components/navbar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Frontend/src/app/components/navbar.tsx b/Frontend/src/app/components/navbar.tsx
index cf62298..56fd172 100644
--- a/Frontend/src/app/components/navbar.tsx
+++ b/Frontend/src/app/components/navbar.tsx
@@ -15,7 +15,7 @@ import { Suspense } from "react";
  * @returns the navbar jsx
  */
 const Navbar = (): JSX.Element => (
-	<nav className="fixed inset-x-0 flex h-16 px-12 justify-center sm:justify-between items-center bg-navbar-background">
+	<nav className="fixed inset-x-0 flex h-16 px-12 justify-center sm:justify-between items-center bg-navbar-background z-50">
 		{/* Left */}
 		<div className="flex gap-7 lg:gap-12 items-center transition-all transform-gpu">
 			{/* App Branding */}