2 files changed, 16 insertions, 17 deletions
diff --git a/apps/website/src/components/base/navbar/Navbar.astro b/apps/website/src/components/base/navbar/Navbar.astro
index ca39f2b..96c9955 100644
--- a/apps/website/src/components/base/navbar/Navbar.astro
+++ b/apps/website/src/components/base/navbar/Navbar.astro
@@ -4,18 +4,17 @@ import config from 'config';
 import NavbarElement from '../navbar/NavbarElement.astro';
 
 ---
-
-	<div class="absolute w-full flex flex-row justify-center h-screen max-h-[110px] px-3">
-		<nav class="w-full max-w-[1080px] flex flex-col md:flex-row justify-between items-center">
-			<ul class="flex flex-row justify-start gap-4">
-				{(config as Config).navbar.left.map((element, index) => (
-					<NavbarElement {element} {index}/>
-				))}
-			</ul>
-			<ul class="flex flex-row justify-end gap-4">
-				{(config as Config).navbar.right.map((element, index) => (
-					<NavbarElement {element} {index}/>
-				))}
-			</ul>
-		</nav>
-	</div>
+<div class="absolute w-full flex flex-row justify-center h-screen max-h-[110px] px-3">
+	<nav class="w-full max-w-[1080px] flex flex-col md:flex-row justify-between items-center">
+		<ul class="flex flex-row justify-start gap-4 max-sm:mt-4">
+			{(config as Config).navbar.left.map((element, index) => (
+				<NavbarElement {element} {index}/>
+			))}
+		</ul>
+		<ul class="flex flex-row justify-end gap-4">
+			{(config as Config).navbar.right.map((element, index) => (
+				<NavbarElement {element} {index}/>
+			))}
+		</ul>
+	</nav>
+</div>
diff --git a/apps/website/src/components/base/navbar/NavbarElement.astro b/apps/website/src/components/base/navbar/NavbarElement.astro
index 8a455de..346869c 100644
--- a/apps/website/src/components/base/navbar/NavbarElement.astro
+++ b/apps/website/src/components/base/navbar/NavbarElement.astro
@@ -51,9 +51,9 @@ const {
                 		md:top-full md:right-0
 
                 		group-focus-within:pointer-events-auto group-focus-within:opacity-100
-						group-hover:pointer-events-auto group-hover:opacity-100
+						md:group-hover:pointer-events-auto md:group-hover:opacity-100
                 		focus-within:pointer-events-auto focus-within:opacity-100
-                		hover:pointer-events-auto hover:opacity-100
+                		md:hover:pointer-events-auto md:hover:opacity-100
             		`}>
 						<ScrollbarOverlayContainer
 							tabindex="-1"