diff --git a/html/index.html b/html/index.html
index 07f150a..655ea07 100644
--- a/html/index.html
+++ b/html/index.html
@@ -782,14 +782,10 @@
               <table style="width: 100%">
                 <tr>
                   <td>
-                    <div class="button-flex buttonTable" id="show_map_button"><span class="buttonText">Show Map</span></div>
+                    <button id="toggle_sidebar_button" class="toggle_sidebar hidden" title="Show Map"></button>
                   </td>
                 </tr>
 
-                <tr class="infoRowSpacer">
-                    <td></td>
-                </tr>
-
                 <tr id='adsbexchange_header' class="infoblock_row hidden">
                   <td style="text-align: center">
                     <div>
@@ -802,11 +798,10 @@
                     <div>
                       <span class="largeText"><a class="largeText" target="_blank" href="https://adsbexchange.com/map-help/">FAQ / Help</a></span>
                     </div>
+                    <div class="infoRowSpacer">
+                    </div>
                   </td>
                 </tr>
-                <tr class="infoRowSpacer">
-                    <td></td>
-                </tr>
 
                 <tr class="infoblock_heading">
                   <td style="text-align: right">
diff --git a/html/script.js b/html/script.js
index c96f2aa..8eaa166 100644
--- a/html/script.js
+++ b/html/script.js
@@ -856,12 +856,11 @@ function init_page() {
     // Set up event handlers for buttons
     $("#toggle_sidebar_button").click(toggleSidebarVisibility);
     $("#expand_sidebar_button").click(expandSidebar);
-    $("#show_map_button").click(showMap);
+    $(".toggle_sidebar").click(showMap);
 
     $("#large_mode_button").click(toggleLargeMode);
 
     // Set initial element visibility
-    $("#show_map_button").hide();
     setColumnVisibility();
 
     // Initialize other controls
@@ -2707,7 +2706,7 @@ function expandSidebar(e) {
     $("#toggle_sidebar_control").hide();
     $("#splitter").hide();
     $("#sudo_buttons").hide();
-    $("#show_map_button").show();
+    $(".toggle_sidebar").show();
     $("#sidebar_container").width("100%");
     setColumnVisibility();
     clearTimeout(refreshId);
@@ -2724,7 +2723,7 @@ function showMap() {
     $("#toggle_sidebar_control").show();
     $("#splitter").show();
     $("#sudo_buttons").show();
-    $("#show_map_button").hide();
+    $(".toggle_sidebar").hide();
     setColumnVisibility();
     clearTimeout(refreshId);
     fetchData();
diff --git a/html/style.css b/html/style.css
index 1e69f9b..e91e690 100644
--- a/html/style.css
+++ b/html/style.css
@@ -84,6 +84,12 @@ html, body {
 #toggle_sidebar_button.hide_sidebar {
     background-image: url("images/hide_sidebar.png");
 }
+
+#toggle_sidebar_button.toggle_sidebar {
+    float: left;
+    background-image: url("images/hide_sidebar.png");
+}
+
 #large_mode_control {
     display: block;
     position: absolute;
@@ -436,30 +442,13 @@ select.error, textarea.error, input.error {
     cursor: pointer;
     text-align: center;
 }
-.button-flex {
-    background: #67b6c3;
-    width: flex;
-    height: calc( 28px * var(--SCALE));
-    border-radius: calc( 2px * var(--SCALE));
-    -moz-border-radius: calc( 2px * var(--SCALE));
-    -webkit-border-radius: calc( 2px * var(--SCALE));
-    display: inline-block;
-	margin: calc( 6px * var(--SCALE));
-	margin-top: calc( 11px * var(--SCALE));
-	margin-bottom: calc( 11px * var(--SCALE));
-    cursor: pointer;
-    text-align: center;
-}
+
 
 .lightblue-link, .lightblue-link a {
 	color: #67b6c3;
     font-weight: normal;
 }
-
-.buttonTable {
-    margin-bottom: calc( 0px * var(--SCALE));
-}
-
+    
 .settingsContainer {
 	width: calc( 36px * var(--SCALE));
 	height: calc( 36px * var(--SCALE));