From d5f9948a8e2b3d4cfc46f318b8fbdc1019aced82 Mon Sep 17 00:00:00 2001
From: Paul Wackerow <54227730+wackerow@users.noreply.github.com>
Date: Tue, 14 Mar 2023 03:18:14 -0700
Subject: [PATCH] [website]: Layout patch [Fixes 26420] (#26878)

[fix] search.css layout adjustment [Fixes #26420]
---
 src/theme/search.css | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/theme/search.css b/src/theme/search.css
index 39a4245f36..c72e0207e8 100644
--- a/src/theme/search.css
+++ b/src/theme/search.css
@@ -27,6 +27,10 @@
   justify-content: space-between;
 }
 
+.DocSearch-Button-Placeholder, .DocSearch-Button-Keys {
+  display: flex;
+}
+
 .DocSearch-Button-Keys kbd {
   background: none;
   border: 1px solid var(--chakra-colors-secondary);
@@ -144,7 +148,7 @@ svg[aria-label='Algolia'] * {
   color: var(--chakra-colors-bg);
 }
 
-@media (max-width: 768px) {
+@media (max-width: 767px) {
   /* Search field in mobile menu */
   .DocSearch-Button-Container {
     flex-direction: row-reverse;
@@ -170,6 +174,10 @@ svg[aria-label='Algolia'] * {
     color: var(--chakra-colors-bg);
   }
 
+  .DocSearch-Button-Placeholder, .DocSearch-Button-Keys {
+    display: none;
+  }
+
   /* Mobile modal styling */
   .DocSearch-Container,
   .DocSearch-Modal {