diff --git a/assets/styles/layout.css b/assets/styles/layout.css
index d362377..762310c 100644
--- a/assets/styles/layout.css
+++ b/assets/styles/layout.css
@@ -60,6 +60,7 @@ header {
 .hamburger {
     cursor: pointer;
     display: none; /* Hidden on desktop */
+    font-size: 26px;
 }
 
 .header__logo {
diff --git a/templates/components/Header.html.twig b/templates/components/Header.html.twig
index 27cb0d9..2b4b488 100644
--- a/templates/components/Header.html.twig
+++ b/templates/components/Header.html.twig
@@ -1,7 +1,7 @@
 <header class="header" data-controller="menu" {{ attributes }}>
     <div class="header__logo">
-        <h1 class="brand"><a href="/">Newsroom</a></h1>
-        <button class="hamburger" data-action="click->menu#toggle" aria-label="Menu">&#9776;</button>
+        <h1 class="brand"><a href="/">newsroom</a></h1>
+        <button class="hamburger btn btn-secondary" data-action="click->menu#toggle" aria-label="Menu">&#9776;</button>
     </div>
     <div class="header__categories"  data-menu-target="menu">
         <ul>