diff --git a/client/src/components/Header/components/universalNav.css b/client/src/components/Header/components/universalNav.css
index fb6e1948d3..836e31343e 100644
--- a/client/src/components/Header/components/universalNav.css
+++ b/client/src/components/Header/components/universalNav.css
@@ -170,7 +170,6 @@
   font-family: 'lato', sans-serif;
   font-size: 18px;
   color: var(--gray-00);
-  outline: none;
   background-color: var(--theme-color);
   cursor: pointer;
   max-height: calc(var(--header-height) - 6px);
@@ -183,6 +182,11 @@
   border: 1px solid var(--gray-00);
 }
 
+.toggle-button-nav:focus {
+  outline: 5px auto -webkit-focus-ring-color !important;
+  outline-offset: -3px;
+}
+
 .navatar {
   display: contents;
 }