Fix search input

eea · Apr 17, 2023 · 133b5f3 · 133b5f3
1 parent 5caecd2
commit 133b5f3
Showing 1 changed file with 7 additions and 8 deletions.
diff --git a/searchlib/components/SearchInput/SearchInput.jsx b/searchlib/components/SearchInput/SearchInput.jsx
@@ -135,10 +135,11 @@ function SearchInput({
           <div className="terms-box-left">
             <div className="input-controls">
               {(searchTerm || '').trim() && (
-                <>
-                  <Button
-                    basic
-                    className="clear-button"
+                <div className="ui button basic clear-button">
+                  <Icon
+                    tabIndex={0}
+                    name="close"
+                    role="button"
                     onClick={() => {
                       // inputProps.onChange({ target: { value: '' } });
                       setSearchTerm('', { shouldClearFilters: false });
@@ -163,10 +164,8 @@ function SearchInput({
                         }
                       }
                     }}
-                  >
-                    <Icon name="close" />
-                  </Button>
-                </>
+                  />
+                </div>
               )}
             </div>