From 2939465431fc245ed2ccd2b76df011673a3302d2 Mon Sep 17 00:00:00 2001
From: rektdeckard <friedtm@gmail.com>
Date: Mon, 28 Sep 2020 03:22:54 -0400
Subject: [PATCH] SearchInput: bring back "X" at small breakpoints

---
 src/components/SearchInput/SearchInput.css | 6 +-----
 src/components/SearchInput/SearchInput.tsx | 2 +-
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/components/SearchInput/SearchInput.css b/src/components/SearchInput/SearchInput.css
index 19de6c3..e2d9280 100644
--- a/src/components/SearchInput/SearchInput.css
+++ b/src/components/SearchInput/SearchInput.css
@@ -49,7 +49,7 @@
 }
 
 @media screen and (max-width: 558px) {
-  .search-bar svg {
+  #search-icon {
     display: none;
   }
 
@@ -57,8 +57,4 @@
     margin-left: 0;
     width: 60%;
   }
-
-  .wait-icon {
-    display: none;
-  }
 }
diff --git a/src/components/SearchInput/SearchInput.tsx b/src/components/SearchInput/SearchInput.tsx
index 23238c5..739fde0 100644
--- a/src/components/SearchInput/SearchInput.tsx
+++ b/src/components/SearchInput/SearchInput.tsx
@@ -34,7 +34,7 @@ const SearchInput: React.FC<SearchInputProps> = () => {
 
   return (
     <div className="search-bar">
-      <MagnifyingGlass size={24} />
+      <MagnifyingGlass id="search-icon" size={24} />
       <input
         id="search-input"
         title="Search for icon names, categories, or keywords"