diff --git a/resources/views/components/layouts/admin/scripts.blade.php b/resources/views/components/layouts/admin/scripts.blade.php
index 774b86feb..c091e4afa 100644
--- a/resources/views/components/layouts/admin/scripts.blade.php
+++ b/resources/views/components/layouts/admin/scripts.blade.php
@@ -58,7 +58,7 @@
         function contentTransitionLeft() {
             sectionContent.classList.add("xl:ltr:ml-0", "xl:rtl:mr-0");
             sectionContent.classList.remove("xl:ltr:ml-64", "xl:rtl:mr-64");
-
+            toggleButton.querySelector("span").classList.remove("ltr:rotate-90", "rtl:-rotate-90");
             toggleButton.querySelector("span").classList.add("ltr:-rotate-90", "rtl:rotate-90");
         }
 
@@ -66,8 +66,8 @@
         function contentTransitionRight() {
             sectionContent.classList.remove("xl:ltr:ml-0", "xl:rtl:mr-0");
             sectionContent.classList.add("xl:ltr:ml-64", "xl:rtl:mr-64");
-
             toggleButton.querySelector("span").classList.remove("ltr:-rotate-90", "rtl:rotate-90");
+            toggleButton.querySelector("span").classList.add("ltr:rotate-90", "rtl:-rotate-90");
         }
 
         function hiddenSidebar() {
diff --git a/resources/views/components/layouts/portal/scripts.blade.php b/resources/views/components/layouts/portal/scripts.blade.php
index 3c4e9cbed..e85d09de2 100644
--- a/resources/views/components/layouts/portal/scripts.blade.php
+++ b/resources/views/components/layouts/portal/scripts.blade.php
@@ -54,6 +54,7 @@
         function contentTransitionLeft() {
             sectionContent.classList.add("xl:ltr:ml-0", "xl:rtl:mr-0");
             sectionContent.classList.remove("xl:ltr:ml-64", "xl:rtl:mr-64");
+            toggleButton.querySelector("span").classList.remove("ltr:rotate-90", "rtl:-rotate-90");
             toggleButton.querySelector("span").classList.add("ltr:-rotate-90", "rtl:rotate-90");
         }
 
@@ -62,6 +63,7 @@
             sectionContent.classList.remove("xl:ltr:ml-0", "xl:rtl:mr-0");
             sectionContent.classList.add("xl:ltr:ml-64", "xl:rtl:mr-64");
             toggleButton.querySelector("span").classList.remove("ltr:-rotate-90", "rtl:rotate-90");
+            toggleButton.querySelector("span").classList.add("ltr:rotate-90", "rtl:-rotate-90");
         }
 
         function hiddenSidebar() {