diff --git a/assets/js/main.js b/assets/js/main.js
index 181cfcd..4b11284 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -26,6 +26,9 @@ document.addEventListener('DOMContentLoaded', function () {
 
     sidebarToggle.addEventListener('click', function () {
         sidebar.classList.toggle('collapsed');
-        mainContent.classList.toggle('expanded');
+        // Adjust main content margin only if not on mobile
+        if (window.innerWidth > 768) {
+            mainContent.classList.toggle('expanded');
+        }
     });
 });
diff --git a/index.php b/index.php
index 67255b8..2558a2e 100644
--- a/index.php
+++ b/index.php
@@ -55,7 +55,7 @@
         <!-- Header -->
         <nav class="navbar navbar-expand-lg surface rounded mb-4">
             <div class="container-fluid">
-                 <button class="navbar-toggler" type="button" id="sidebar-toggle">
+                 <button type="button" id="sidebar-toggle">
                     <span class="navbar-toggler-icon"></span>
                 </button>
                  <h4 class="m-0">Dashboard</h4>