diff --git a/docs/my-website/src/theme/SearchBar.js b/docs/my-website/src/theme/SearchBar.js
index 6e2014f3c5..66c8c2b5c3 100644
--- a/docs/my-website/src/theme/SearchBar.js
+++ b/docs/my-website/src/theme/SearchBar.js
@@ -43,7 +43,18 @@ export default function SearchBarWrapper(props) {
       }}
     >
       {!loaded || !path ? (
-        <span style={{ fontSize: "2rem" }}>🐤</span>
+        <button
+          style={{
+            fontSize: "2rem",
+            backgroundColor: "transparent",
+            border: "none",
+            outline: "none",
+            padding: "0",
+            marginRight: "6px",
+          }}
+        >
+          🐤
+        </button>
       ) : (
         <canary-root framework="docusaurus">
           <canary-provider-pagefind