From 2d478f977e414913d67b53082d09c9d2b3e18957 Mon Sep 17 00:00:00 2001
From: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>
Date: Tue, 15 Oct 2019 20:39:02 +0900
Subject: [PATCH] fix: search bar hover and arrow select highlights (#37303)

---
 client/src/components/search/searchBar/searchbar.css | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/client/src/components/search/searchBar/searchbar.css b/client/src/components/search/searchBar/searchbar.css
index d62a79a0e7..41fde9aa09 100644
--- a/client/src/components/search/searchBar/searchbar.css
+++ b/client/src/components/search/searchBar/searchbar.css
@@ -72,7 +72,6 @@
 
 .fcc_suggestion_item:hover {
   cursor: pointer;
-  background-color: var(--blue-dark);
 }
 
 .fcc_sr_only {
@@ -95,6 +94,14 @@
   background-color: var(--blue-dark);
 }
 
+/* Override for rule in global.css to prevent
+multiple highlighted hits with the mouse
+and arrow keys */
+.fcc_suggestion_item:focus,
+.fcc_suggestion_item:hover {
+  background-color: transparent;
+}
+
 /* Dropdown footer */
 .fcc_suggestion_footer {
   border-top: 1.5px solid var(--gray-00);