diff --git a/app.js b/app.js
index 0b138fe..4c40699 100644
--- a/app.js
+++ b/app.js
@@ -1972,11 +1972,13 @@ document.addEventListener('DOMContentLoaded', () => {
     function toggleSidebar() {
         toolbar.classList.toggle('open');
         overlay.classList.toggle('show');
+        sidebarToggle.classList.toggle('hidden');
     }
 
     function closeSidebar() {
         toolbar.classList.remove('open');
         overlay.classList.remove('show');
+        sidebarToggle.classList.remove('hidden');
     }
 
     // Toggle sidebar when button is clicked
diff --git a/styles.css b/styles.css
index 1ce0837..f37108e 100644
--- a/styles.css
+++ b/styles.css
@@ -178,7 +178,7 @@ body {
 .sidebar-toggle {
     display: none;
     position: fixed;
-    top: 15px;
+    bottom: 15px;
     left: 15px;
     z-index: 2000;
     background: #2c3e50;
@@ -214,17 +214,18 @@ body {
     .toolbar.open {
         left: 0;
     }
-    
+
     .map-container {
         width: 100%;
     }
-    
-    /* Adjust sum display position on mobile to avoid toggle button */
-    .sum-display {
-        top: 70px;
-        left: 10px;
+
+    /* Hide toggle button when sidebar is open */
+    .sidebar-toggle.hidden {
+        display: none !important;
     }
     
+    /* Sum display is fine at top on mobile now that toggle is at bottom */
+    
     /* Overlay when sidebar is open */
     .sidebar-overlay {
         display: none;