From 40861a8a096aa381de5d0ea17638e8dc56b651a8 Mon Sep 17 00:00:00 2001
From: Sembauke <46919888+Sembauke@users.noreply.github.com>
Date: Sat, 6 Feb 2021 10:37:43 +0100
Subject: [PATCH] fix(client): remove `outline: none` on Menu button (#40914)

---
 client/src/components/Header/components/universalNav.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

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;
 }