diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index 4c41e5b..75b060a 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -5,7 +5,7 @@ const Navbar = (): JSX.Element => {
 	const [navbarOpen, setNavbarOpen] = useState<boolean>(false)
 	return (
 		<>
-			<nav className="fixed z-20 top-0 flex flex-wrap items-center justify-between px-2 py-3 w-full text-gray-100 dark:bg-discord-black bg-discord-blurple bg-transparent lg:absolute">
+			<nav className="fixed z-40 top-0 flex flex-wrap items-center justify-between px-2 py-3 w-full text-gray-100 dark:bg-discord-black bg-discord-blurple bg-transparent lg:absolute">
 				<div className="container flex flex-wrap items-center justify-between mx-auto px-4">
 					<div className="relative static block flex justify-between w-full lg:justify-start lg:w-auto">
 						<a
@@ -65,7 +65,7 @@ const Navbar = (): JSX.Element => {
 				</div>
 			</nav>
 			<div
-				className={`w-full h-full fixed bg-discord-blurple dark:bg-discord-black mt-8 sm:mt-0 z-19 ${
+				className={`z-30 w-full h-full fixed bg-discord-blurple dark:bg-discord-black mt-8 sm:mt-0 z-19 ${
 					navbarOpen ? 'block' : 'hidden'
 				}`}
 			>