diff --git a/scripts/pi-hole/php/header_authenticated.php b/scripts/pi-hole/php/header_authenticated.php
index dc44001c..5905ba4f 100644
--- a/scripts/pi-hole/php/header_authenticated.php
+++ b/scripts/pi-hole/php/header_authenticated.php
@@ -171,7 +171,7 @@ if ($auth) {
         <nav class="navbar navbar-static-top">
             <!-- Sidebar toggle button-->
             <a href="#" class="sidebar-toggle-svg" data-toggle="push-menu" role="button">
-                <i aria-hidden="true" class="fa fa-bars"></i>
+                <i aria-hidden="true" class="fa fa-angle-double-left"></i>
                 <span class="sr-only">Toggle navigation</span>
                 <span class="warning-count hidden" id="top-warning-count"></span>
             </a>
diff --git a/style/pi-hole.css b/style/pi-hole.css
index 321f8454..466146b3 100644
--- a/style/pi-hole.css
+++ b/style/pi-hole.css
@@ -707,6 +707,21 @@ li:not(.menu-open) .treeview-menu .warning-count {
   }
 }
 
+/* reverse side menu collapse arrows when menu is closed */
+.sidebar-collapse .sidebar-toggle-svg {
+  transform: scaleX(-1);
+}
+
+/* reverse side menu collapse arrows on mobile screens */
+@media (max-width: 767px) {
+  .sidebar-toggle-svg {
+    transform: scaleX(-1);
+  }
+  .sidebar-open .sidebar-toggle-svg {
+    transform: scaleX(1);
+  }
+}
+
 .icon-bounce {
   display: inline-block;
   position: relative;