diff --git a/src/routes/Navbar.svelte b/src/routes/Navbar.svelte
index 3882751..44487a8 100755
--- a/src/routes/Navbar.svelte
+++ b/src/routes/Navbar.svelte
@@ -1,5 +1,5 @@
 <script>
-	import { page } from '$app/stores'
+	import { navigating, page } from '$app/stores'
 	import logo from '$lib/images/logos/hyprland-color.svg'
 	import GithubIcon from '~icons/ri/github-fill'
 	import DiscordIcon from '~icons/prime/discord'
@@ -8,6 +8,8 @@
 
 	let isExpanded = false
 
+	$: if ($navigating) isExpanded = false
+
 	function toggleExpanded() {
 		isExpanded = !isExpanded
 	}