From 0c570d416b029e986a66a4520890851bfa6dd226 Mon Sep 17 00:00:00 2001
From: Aryen Singhal <aryensinghal@gmail.com>
Date: Tue, 27 Feb 2024 17:17:49 -0800
Subject: [PATCH] #644 fix persistent highlight from focus-brand custom class

---
 frontend/assets/css/tailwind.css | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/assets/css/tailwind.css b/frontend/assets/css/tailwind.css
index 2880270d9..a149f4a63 100644
--- a/frontend/assets/css/tailwind.css
+++ b/frontend/assets/css/tailwind.css
@@ -47,7 +47,12 @@
     @apply shadow-lg shadow-zinc-700;
   }
 
-  .focus-brand {
+  .focus-brand:not(:focus-visible) {
+    /* Remove focus indication when a mouse is used */
+    outline: none;
+  }
+
+  :focus-visible {
     @apply rounded-sm focus:ring-2 focus:ring-light-link-text dark:focus:ring-dark-link-text focus:outline-none focus:border-light-link-text dark:focus:border-dark-link-text;
   }