diff --git a/resources/views/components/layouts/admin/scripts.blade.php b/resources/views/components/layouts/admin/scripts.blade.php
index 84f19c3c7..84283cda8 100644
--- a/resources/views/components/layouts/admin/scripts.blade.php
+++ b/resources/views/components/layouts/admin/scripts.blade.php
@@ -68,6 +68,16 @@
             toggleButton.querySelector("span").classList.remove("ltr:-rotate-90", "rtl:rotate-90");
         }
 
+        function hiddenSidebar() {
+            sideBar.classList.add("menu-list-hidden");
+            toggleButton.classList.add("ltr:left-12", "rtl:right-12");
+        }
+
+        function unHiddenSidebar() {
+            toggleButton.classList.remove("ltr:left-12", "rtl:right-12");
+            sideBar.classList.remove("menu-list-hidden");
+        }
+
         //if there are notifications, remove count badge
         function notificationCount(action) {
             let notification_count = document.querySelector('[data-notification-count]');
@@ -83,15 +93,13 @@
                 mobileMenuHidden();
             } else {
                 if (sideBar.classList.contains("menu-list-hidden")) {
-                    toggleButton.classList.remove("ltr:left-12", "rtl:right-12");
-                    sideBar.classList.remove("menu-list-hidden");
+                    unHiddenSidebar();
 
                     if (document.body.clientWidth > "991") {
                         contentTransitionRight();
                     }
                 } else {
-                    sideBar.classList.add("menu-list-hidden");
-                    toggleButton.classList.add("ltr:left-12", "rtl:right-12");
+                    hiddenSidebar();
 
                     if (document.body.clientWidth > "991") {
                         contentTransitionLeft();
@@ -142,6 +150,9 @@
                     mainContent.classList.add("hidden");
                     toggleButton.classList.add("invisible");
                     menuClose.classList.remove("hidden");
+                    
+                    unHiddenSidebar();
+                    contentTransitionRight();
 
                     notificationCount("none");
 
diff --git a/resources/views/components/layouts/portal/scripts.blade.php b/resources/views/components/layouts/portal/scripts.blade.php
index 33a36c78f..3d83c74f5 100644
--- a/resources/views/components/layouts/portal/scripts.blade.php
+++ b/resources/views/components/layouts/portal/scripts.blade.php
@@ -64,21 +64,29 @@
             toggleButton.querySelector("span").classList.remove("ltr:-rotate-90", "rtl:rotate-90");
         }
 
+        function hiddenSidebar() {
+            sideBar.classList.add("menu-list-hidden");
+            toggleButton.classList.add("ltr:left-12", "rtl:right-12");
+        }
+
+        function unHiddenSidebar() {
+            toggleButton.classList.remove("ltr:left-12", "rtl:right-12");
+            sideBar.classList.remove("menu-list-hidden");
+        }
+
         //slide menu actions together responsive version
         function slideMenu() {
             if (document.body.clientWidth <= 1280) {
                 mobileMenuHidden();
             } else {
                 if (sideBar.classList.contains("menu-list-hidden")) {
-                    toggleButton.classList.remove("ltr:left-12", "rtl:right-12");
-                    sideBar.classList.remove("menu-list-hidden");
+                    unHiddenSidebar();
 
                     if (document.body.clientWidth > "991") {
                         contentTransitionRight();
                     }
                 } else {
-                    sideBar.classList.add("menu-list-hidden");
-                    toggleButton.classList.add("ltr:left-12", "rtl:right-12");
+                    hiddenSidebar();
 
                     if (document.body.clientWidth > "991") {
                         contentTransitionLeft();
@@ -129,6 +137,8 @@
                     mainContent.classList.add("hidden");
                     toggleButton.classList.add("invisible");
                     menuClose.classList.remove("hidden");
+                    unHiddenSidebar();
+                    contentTransitionRight();
 
                 //remove active (cancel text) class form target icon
                 } else if (menu.classList.contains(menuRef) && iconButton.children[0].textContent == "cancel") {