diff --git a/src/html/mod_menu/mainmenu.php b/src/html/mod_menu/mainmenu.php
index 203dcf4..e664177 100644
--- a/src/html/mod_menu/mainmenu.php
+++ b/src/html/mod_menu/mainmenu.php
@@ -31,7 +31,7 @@ $moduleclass_sfx = htmlspecialchars($params->get('moduleclass_sfx', ''), ENT_COM
     <div class="container-fluid">
         <!-- Hamburger toggle button for mobile -->
         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainMenuCollapse" aria-controls="mainMenuCollapse" aria-expanded="false" aria-label="Toggle Main Menu">
-            <span class="navbar-toggler-icon"></span>
+            <span class="fa-solid fa-bars" aria-hidden="true"></span>
         </button>
 
         <!-- Collapsible menu content -->
diff --git a/src/media/css/template.css b/src/media/css/template.css
index 182e1c4..e39a634 100644
--- a/src/media/css/template.css
+++ b/src/media/css/template.css
@@ -14477,7 +14477,9 @@ li.current a {
 }
 
 .container-header .navbar-toggler {
-	color: var(--mainmenu-nav-link-color, #e6ebf1);
+	color: var(--mainmenu-nav-link-color, #fff);
+	border-color: var(--mainmenu-nav-link-color, #fff);
+	font-size: 1.25rem;
 	cursor: pointer;
 }