diff --git a/docs/src/modules/branding/AppSearch.tsx b/docs/src/modules/branding/AppSearch.tsx
index cb9d9326c83f37..cc37a5308e79d9 100644
--- a/docs/src/modules/branding/AppSearch.tsx
+++ b/docs/src/modules/branding/AppSearch.tsx
@@ -113,6 +113,9 @@ const useStyles = makeStyles(
       transition: theme.transitions.create('opacity', {
         duration: theme.transitions.duration.shortest,
       }),
+      // So that clicks target the input.
+      // Makes the text non selectable but neither is the placeholder or adornment.
+      pointerEvents: 'none',
       '&.Mui-focused': {
         opacity: 0,
       },
@@ -163,7 +166,7 @@ export default function AppSearch() {
         }}
       />
       <div className={clsx(classes.shortcut, { 'Mui-focused': focused })}>
-        {macOS ? '⌘' : 'Ctrl'}+K
+        {macOS ? '⌘' : 'Ctrl+'}K
       </div>
     </div>
   );
diff --git a/docs/src/modules/components/AppSearch.js b/docs/src/modules/components/AppSearch.js
index 715a5facdd68b5..f2c38eeba47778 100644
--- a/docs/src/modules/components/AppSearch.js
+++ b/docs/src/modules/components/AppSearch.js
@@ -269,7 +269,7 @@ export default function AppSearch() {
       />
       <div className={clsx(classes.shortcut, { 'Mui-focused': focused })}>
         {/* eslint-disable-next-line material-ui/no-hardcoded-labels */}
-        {macOS ? '⌘' : 'Ctrl'}+K
+        {macOS ? '⌘' : 'Ctrl+'}K
       </div>
     </div>
   );