diff --git a/apps/site/src/lib/components/Navbar/Navbar.tsx b/apps/site/src/lib/components/Navbar/Navbar.tsx
index 5252bc9f..1e3f3899 100644
--- a/apps/site/src/lib/components/Navbar/Navbar.tsx
+++ b/apps/site/src/lib/components/Navbar/Navbar.tsx
@@ -34,8 +34,8 @@ function Navbar({ identity }: NavbarProps) {
 
 	return (
 		<NavMenu.Root
-			className={`${
-				hasScrolled ? "md:bg-opacity-50" : ""
+			className={`${hasScrolled ? "md:bg-opacity-50" : ""} ${
+				hidden ? "max-md:h-[4rem] max-md:overflow-hidden" : ""
 			} transition-colors duration-0 md:duration-700 ease-out w-full z-10 flex flex-col fixed bg-black bg-opacity-0 md:flex-row md:items-center`}
 		>
 			<NavMenu.List className="bg-black bg-opacity-50 md:bg-opacity-0 flex p-3">