diff --git a/src/app/components/navbar/navbar.component.html b/src/app/components/navbar/navbar.component.html
index ac21ab0..2ad10a7 100644
--- a/src/app/components/navbar/navbar.component.html
+++ b/src/app/components/navbar/navbar.component.html
@@ -43,7 +43,7 @@
 <div class="w-full relative z-[-1] min-h-[50px] max-h-[50px] h-[50px] bg-transparent"></div>
 @if(isHamburgerMenuActive) {
     <div class="show-on-mobile">
-        <div class="fixed w-screen h-screen bg-[#6bc4f6] z-[999] flex flex-col pt-5 gap-y-5">
+        <div class="fixed w-screen h-screen bg-[#6bc4f6] z-[49] flex flex-col pt-5 gap-y-5">
             <a href="/" class="text-white font-semibold text-3xl transition-all ease-in duration-75 active:translate-x-5 hover:translate-x-5 flex flex-row gap-x-5 ml-5"><i class="bi bi-collection"></i>Für dich</a>
             <a href="/map" class="text-white font-semibold text-3xl transition-all ease-in duration-75 active:translate-x-5 hover:translate-x-5 flex flex-row gap-x-5 ml-5"><i class="bi bi-map"></i>Karte</a>
             <a href="/favorites" class="text-white font-semibold text-3xl transition-all ease-in duration-75 active:translate-x-5 hover:translate-x-5 flex flex-row gap-x-5 ml-5"><i class="bi bi-bookmark"></i>Favoriten</a>
diff --git a/src/app/components/navbar/navbar.component.ts b/src/app/components/navbar/navbar.component.ts
index 286d201..6b10ef2 100644
--- a/src/app/components/navbar/navbar.component.ts
+++ b/src/app/components/navbar/navbar.component.ts
@@ -30,6 +30,7 @@ export class NavbarComponent {
         this.router.events.subscribe(() => {
             this.isRootUrl = this.router.url === '/';
             this.isMapUrl = this.router.url === '/map';
+            this.isHamburgerMenuActive = false;
         });
     }