diff --git a/src/app/components/contacts/contact-detail/contact-detail.component.html b/src/app/components/contacts/contact-detail/contact-detail.component.html
index a3cffb8..a588c6b 100644
--- a/src/app/components/contacts/contact-detail/contact-detail.component.html
+++ b/src/app/components/contacts/contact-detail/contact-detail.component.html
@@ -87,7 +87,7 @@
       </div>
     </div>
   </div>
-  } @if (isMobileNavbarOpen) {
+  } @if (sharedService.isMobileNavbarOpen) {
   <app-contact-nav
     [deleteContact]="deleteContact"
     [openEditDialog]="openEditDialog"
diff --git a/src/app/components/contacts/contact-detail/contact-detail.component.ts b/src/app/components/contacts/contact-detail/contact-detail.component.ts
index ac17477..38f1568 100644
--- a/src/app/components/contacts/contact-detail/contact-detail.component.ts
+++ b/src/app/components/contacts/contact-detail/contact-detail.component.ts
@@ -24,8 +24,6 @@ import { TranslateModule } from '@ngx-translate/core';
 export class ContactDetailComponent {
   @Input() currentUserId!: string | undefined;
 
-  isMobileNavbarOpen: boolean = false;
-
   constructor(
     private router: Router,
     public sharedService: SharedService,
@@ -44,17 +42,20 @@ export class ContactDetailComponent {
   }
 
   toggleNav() {
-    this.isMobileNavbarOpen = !this.isMobileNavbarOpen;
+    this.sharedService.isMobileNavbarOpen =
+      !this.sharedService.isMobileNavbarOpen;
   }
 
   openEditDialog() {
     this.sharedService.isAnyDialogOpen = true;
     this.sharedService.isEditContactDialogOpen = true;
+    this.sharedService.isMobileNavbarOpen = false;
   }
 
   deleteContact() {
     this.sharedService.isAnyDialogOpen = true;
     this.sharedService.isDeleteContactDialogOpen = true;
+    this.sharedService.isMobileNavbarOpen = false;
   }
 
   convertTimestamp(timestamp: number) {
diff --git a/src/app/services/shared.service.ts b/src/app/services/shared.service.ts
index 00956b8..b6d4698 100644
--- a/src/app/services/shared.service.ts
+++ b/src/app/services/shared.service.ts
@@ -6,6 +6,7 @@ import { Injectable } from '@angular/core';
 export class SharedService {
   isBtnDisabled: boolean = false;
   isAnyDialogOpen: boolean = false;
+  isMobileNavbarOpen: boolean = false;
   isEditContactDialogOpen: boolean = false;
   isDeleteContactDialogOpen: boolean = false;
   isPageViewMedia: boolean = window.innerWidth <= 650;