From f5c2a2713651985412cb57fc37aeac787270c77c Mon Sep 17 00:00:00 2001
From: Alexey Pyltsyn <lex61rus@gmail.com>
Date: Tue, 2 Feb 2021 12:15:17 +0300
Subject: [PATCH] fix: use spans inside button tag instead of divs (#994)

---
 packages/docsearch-react/src/DocSearchButton.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/docsearch-react/src/DocSearchButton.tsx b/packages/docsearch-react/src/DocSearchButton.tsx
index 8714d823..a4387fd4 100644
--- 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>
   );