From 17c6a4bd55e16f6f7544f85f7166ccc46b7ba1ff Mon Sep 17 00:00:00 2001
From: Adithya Krishna <aadithya794@gmail.com>
Date: Fri, 15 Mar 2024 09:18:51 +0530
Subject: [PATCH] chore: updated focus state of menu switcher

Signed-off-by: Adithya Krishna <aadithya794@gmail.com>
---
 .../(dashboard)/layout/menu-switcher.tsx           |  2 +-
 packages/ui/styles/theme.css                       | 14 ++++++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/components/(dashboard)/layout/menu-switcher.tsx b/apps/web/src/components/(dashboard)/layout/menu-switcher.tsx
index 6e3a4c015..e7959322a 100644
--- a/apps/web/src/components/(dashboard)/layout/menu-switcher.tsx
+++ b/apps/web/src/components/(dashboard)/layout/menu-switcher.tsx
@@ -93,7 +93,7 @@ export const MenuSwitcher = ({ user, teams: initialTeamsData }: MenuSwitcherProp
         <Button
           data-testid="menu-switcher"
           variant="none"
-          className="focus-visible:ring-ring relative flex h-12 flex-row items-center px-2 py-2 ring-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 "
+          className="no-hover-focus relative flex h-12 flex-row items-center px-2 py-2 ring-0 hover:bg-transparent focus:outline-none focus-visible:ring-0"
         >
           <AvatarWithText
             avatarFallback={formatAvatarFallback(selectedTeam?.name)}
diff --git a/packages/ui/styles/theme.css b/packages/ui/styles/theme.css
index de1927f73..cba2bf56b 100644
--- a/packages/ui/styles/theme.css
+++ b/packages/ui/styles/theme.css
@@ -137,4 +137,18 @@
 
 .swagger-dark-theme .swagger-ui .microlight {
   filter: invert(100%) hue-rotate(180deg);
+}
+
+// Custom class to over
+.no-hover-focus {
+  outline: none !important;
+  box-shadow: none !important;
+  background-color: inherit;
+  color: inherit;
+  border-color: inherit;
+}
+
+.no-hover-focus:focus-visible {
+  outline: none !important;
+  box-shadow: none !important;
 }
\ No newline at end of file