From 3598bd0139eca5574815fda1ddee1fe4eeebeb5e Mon Sep 17 00:00:00 2001
From: Lucas Smith <me@lucasjamessmith.me>
Date: Sat, 16 Mar 2024 12:18:12 +0000
Subject: [PATCH] fix: use tailwind for menu switcher ring

---
 .../(dashboard)/layout/menu-switcher.tsx           |  2 +-
 packages/ui/styles/theme.css                       | 14 --------------
 2 files changed, 1 insertion(+), 15 deletions(-)

diff --git a/apps/web/src/components/(dashboard)/layout/menu-switcher.tsx b/apps/web/src/components/(dashboard)/layout/menu-switcher.tsx
index e7959322a..95f959ab2 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="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"
+          className="relative flex h-12 flex-row items-center px-2 py-2 ring-0 focus:outline-none focus-visible:border-0 focus-visible:ring-0 focus-visible:ring-transparent"
         >
           <AvatarWithText
             avatarFallback={formatAvatarFallback(selectedTeam?.name)}
diff --git a/packages/ui/styles/theme.css b/packages/ui/styles/theme.css
index f93e84220..de1927f73 100644
--- a/packages/ui/styles/theme.css
+++ b/packages/ui/styles/theme.css
@@ -137,18 +137,4 @@
 
 .swagger-dark-theme .swagger-ui .microlight {
   filter: invert(100%) hue-rotate(180deg);
-}
-
-/* Custom class to override the corner focus ring */
-.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