diff --git a/public/css/custom.css b/public/css/custom.css
index 1d70d1b10..71312f226 100644
--- a/public/css/custom.css
+++ b/public/css/custom.css
@@ -773,8 +773,10 @@ table .align-items-center td span.badge {
     }
 }
 
-.g-sidenav-show .sidenav {
-    max-width: 250px !important;
+@media (min-width: 1200px) {
+    .g-sidenav-show .sidenav:hover {
+        max-width: 250px;
+    }
 }
 
 .scrollbar-inner {
diff --git a/resources/views/partials/admin/scripts.blade.php b/resources/views/partials/admin/scripts.blade.php
index 9aa57c37f..62371f23b 100644
--- a/resources/views/partials/admin/scripts.blade.php
+++ b/resources/views/partials/admin/scripts.blade.php
@@ -32,7 +32,7 @@
             function unpinSidenav() {
                 $('.sidenav-toggler').removeClass('active');
                 $('.sidenav-toggler').data('action', 'sidenav-pin');
-                $('body').removeClass('g-sidenav-pinned').addClass('g-sidenav-hidden');
+                $('body').removeClass('g-sidenav-pinned').removeClass('g-sidenav-show').addClass('g-sidenav-hidden');
                 $('body').find('.backdrop').remove();
 
                 // Store the sidenav state in a cookie session