From b7f34e421b3272a0316650b099ec86bb1186c06e Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Sun, 16 Jul 2023 13:58:49 +0200
Subject: [PATCH] fix button label on mobile

---
 docs/src/modules/components/AppSearch.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/docs/src/modules/components/AppSearch.js b/docs/src/modules/components/AppSearch.js
index 31fb533e789909..2f5ab9a6dc38ab 100644
--- a/docs/src/modules/components/AppSearch.js
+++ b/docs/src/modules/components/AppSearch.js
@@ -302,7 +302,12 @@ export default function AppSearch(props) {
 
   return (
     <React.Fragment>
-      <SearchButton ref={searchButtonRef} onClick={onOpen} {...props}>
+      <SearchButton
+        ref={searchButtonRef}
+        onClick={onOpen}
+        {...props}
+        aria-labelledby="app-search-label"
+      >
         <SearchIcon
           fontSize="small"
           sx={(theme) => ({
@@ -312,7 +317,7 @@ export default function AppSearch(props) {
             }),
           })}
         />
-        <SearchLabel>{search}</SearchLabel>
+        <SearchLabel id="app-search-label">{search}</SearchLabel>
         <Shortcut>
           {/* eslint-disable-next-line material-ui/no-hardcoded-labels */}
           {macOS ? '⌘' : 'Ctrl+'}K