diff --git a/resources/js/bootstrap.js b/resources/js/bootstrap.js
index 0f1fddc..f50391a 100644
--- a/resources/js/bootstrap.js
+++ b/resources/js/bootstrap.js
@@ -68,9 +68,11 @@ document.addEventListener('alpine:init', () => {
             this.isCollapsed = this.collapsed && ! this.isMobile;
             this._syncDataset();
             window.addEventListener('resize', () => {
+                const wasMobile = this.isMobile;
                 this.isMobile = window.innerWidth < 768;
                 this.isCollapsed = this.collapsed && ! this.isMobile;
                 this._syncDataset();
+                if (this.isMobile && ! wasMobile) { this.mobileOpen = false; }
             });
         },
         _syncDataset() {
diff --git a/resources/views/layouts/nimuli-app.blade.php b/resources/views/layouts/nimuli-app.blade.php
index 8e6d336..52e5c60 100644
--- a/resources/views/layouts/nimuli-app.blade.php
+++ b/resources/views/layouts/nimuli-app.blade.php
@@ -89,10 +89,10 @@
         }
         html[data-sidebar-collapsed] .skel-sidebar { width: 64px; }
         html[data-sidebar-collapsed] .skel-topbar { left: 64px; }
+        .sidebar-aside { width: 15rem; }
         @media (min-width: 768px) {
             .nim-content { margin-left: 210px; }
             html[data-sidebar-collapsed] .nim-content { margin-left: 55px; }
-            .sidebar-aside { width: 15rem; }
             html[data-sidebar-collapsed] .sidebar-aside { width: 4rem; }
         }
         body.app-ready .app-spinner,