From bd60d44c84db2f81e46b2d64a84d1fe94d4d872c Mon Sep 17 00:00:00 2001
From: Naomi Carrigan <nhcarrigan@gmail.com>
Date: Mon, 18 Apr 2022 09:28:08 -0700
Subject: [PATCH] fix: hack the colours

---
 client/src/assets/icons/Magnifier.tsx                     | 2 +-
 client/src/components/search/searchBar/searchbar-base.css | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/client/src/assets/icons/Magnifier.tsx b/client/src/assets/icons/Magnifier.tsx
index 42e5a13c1e2..0e965191bed 100644
--- a/client/src/assets/icons/Magnifier.tsx
+++ b/client/src/assets/icons/Magnifier.tsx
@@ -6,7 +6,7 @@ const Magnifier = (): JSX.Element => {
 
   return (
     <>
-      <span className='sr-only'>{t('icons.Magnifier')}</span>
+      <span className='sr-only magnifier'>{t('icons.Magnifier')}</span>
       <svg
         className='ais-SearchBox-submitIcon'
         height='10'
diff --git a/client/src/components/search/searchBar/searchbar-base.css b/client/src/components/search/searchBar/searchbar-base.css
index d72a6c1076b..b68e9c5408d 100644
--- a/client/src/components/search/searchBar/searchbar-base.css
+++ b/client/src/components/search/searchBar/searchbar-base.css
@@ -684,3 +684,7 @@ a[class^='ais-'] {
 strong.ais-Highlight-highlighted {
   background-color: transparent;
 }
+.magnifier {
+  background-color: black;
+  color: white;
+}