diff --git a/src/common/header/HeaderNav.jsx b/src/common/header/HeaderNav.jsx
index 4439349803..beda156bff 100644
--- a/src/common/header/HeaderNav.jsx
+++ b/src/common/header/HeaderNav.jsx
@@ -75,7 +75,7 @@ const HeaderNav = ({ showBrowse }) => {
             </button>
           </li>
 
-          {showBrowse && !showToggleMenu && (
+          {showBrowse && (
             <li>
               <Link
                 className="app-header-btn app-header-btn--secondary"
@@ -87,7 +87,7 @@ const HeaderNav = ({ showBrowse }) => {
               </Link>
             </li>
           )}
-          <li>
+          <li className="menu-events">
             <a
               className="app-header-btn app-header-btn--secondary"
               data-testid="events-btn"
diff --git a/src/common/header/header.css b/src/common/header/header.css
index c84359e43b..ffb069324e 100644
--- a/src/common/header/header.css
+++ b/src/common/header/header.css
@@ -349,6 +349,12 @@
 }
 
 @media screen and (max-width: 768px) {
+  .header-links > li > .app-header-btn.app-header-btn--secondary {
+    color: var(--color-neutral-80);
+  }
+  .menu-events {
+    margin: 0.4rem 0 0rem 0;
+  }
 }
 
 @media screen and (max-width: 576px) {