diff --git a/www/include/primary_nav.html b/www/include/primary_nav.html
index e63756ab..e2fa9e35 100644
--- a/www/include/primary_nav.html
+++ b/www/include/primary_nav.html
@@ -6,7 +6,7 @@
           <aside class="menu mt-5 pl-3">
             <p class="menu-label mb-0 is-capitalized has-text-primary-light has-text-weight-medium">
               <span class="menu-label-text">Menu</span>
-              <span id="navbar-toggler" class="icon is-pulled-right"><i class="mdi mdi-18px mdi-chevron-left"></i></span>
+              <span id="navbar-toggler" class="icon is-clickable is-pulled-right"><i class="mdi mdi-18px mdi-chevron-left-box"></i></span>
             </p>
             <ul class="menu-list">
               <li>
diff --git a/www/js/common.v2.js b/www/js/common.v2.js
index 4be218ad..626212d1 100644
--- a/www/js/common.v2.js
+++ b/www/js/common.v2.js
@@ -59,8 +59,8 @@ document.addEventListener('DOMContentLoaded', () => {
         document.querySelector("#navbar-logo-small").classList.remove("is-hidden")
 
         // Change the toggle arrow direction
-        document.querySelector("#navbar-toggler i").classList.remove("mdi-chevron-left")
-        document.querySelector("#navbar-toggler i").classList.add("mdi-chevron-right")
+        document.querySelector("#navbar-toggler i").classList.remove("mdi-chevron-left-box")
+        document.querySelector("#navbar-toggler i").classList.add("mdi-chevron-right-box")
 
         // Hiding the span.icon-text-part causes the menu to narrow
         document.querySelectorAll('span.icon-text-part').forEach(function (element) {
@@ -101,8 +101,8 @@ document.addEventListener('DOMContentLoaded', () => {
         document.querySelector("#navbar-logo-normal").classList.remove("is-hidden")
 
         // Change the toggle arrow direction
-        document.querySelector("#navbar-toggler i").classList.remove("mdi-chevron-right")
-        document.querySelector("#navbar-toggler i").classList.add("mdi-chevron-left")
+        document.querySelector("#navbar-toggler i").classList.remove("mdi-chevron-right-box")
+        document.querySelector("#navbar-toggler i").classList.add("mdi-chevron-left-box")
 
         // Hiding the span.icon-text-part causes the menu to narrow
         document.querySelectorAll('span.icon-text-part').forEach(function (element) {