fix: use spans inside button tag instead of divs (#994)

algolia · Feb 2, 2021 · f5c2a27 · f5c2a27
1 parent 9216ffa
commit f5c2a27
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/docsearch-react/src/DocSearchButton.tsx b/packages/docsearch-react/src/DocSearchButton.tsx
@@ -37,18 +37,18 @@ export const DocSearchButton = React.forwardRef<
       {...props}
       ref={ref}
     >
-      <div className="DocSearch-Button-Container">
+      <span className="DocSearch-Button-Container">
         <SearchIcon />
         <span className="DocSearch-Button-Placeholder">Search</span>
-      </div>
+      </span>
 
       {key !== null ? (
-        <div className="DocSearch-Button-Keys">
+        <span className="DocSearch-Button-Keys">
           <span className="DocSearch-Button-Key">
             {key === ACTION_KEY_DEFAULT ? <ControlKeyIcon /> : key}
           </span>
           <span className="DocSearch-Button-Key">K</span>
-        </div>
+        </span>
       ) : null}
     </button>
   );