diff --git a/site/assets/scss/_search.scss b/site/assets/scss/_search.scss
index e8200bf2e017..bce04c9d2b73 100644
--- a/site/assets/scss/_search.scss
+++ b/site/assets/scss/_search.scss
@@ -2,7 +2,6 @@
 
 .bd-search {
   position: relative;
-  // width: 100%;
 
   @include media-breakpoint-up(lg) {
     position: absolute;
@@ -70,7 +69,13 @@
       box-shadow: var(--docsearch-searchbox-shadow);
     }
   }
+}
 
+.DocSearch-Button-Keys,
+.DocSearch-Button-Placeholder {
+  @include media-breakpoint-down(lg) {
+    display: none;
+  }
 }
 
 .DocSearch-Button-Keys {
diff --git a/site/layouts/partials/docs-navbar.html b/site/layouts/partials/docs-navbar.html
index 09785cbdeb58..e663f7aa0343 100644
--- a/site/layouts/partials/docs-navbar.html
+++ b/site/layouts/partials/docs-navbar.html
@@ -8,7 +8,7 @@
       </button>
     </div>
     {{- else }}
-      <!-- <div class="d-lg-none" style="width: 2.25rem;"></div> -->
+      <div class="d-lg-none" style="width: 1.5rem;"></div>
     {{- end }}
 
     <a class="navbar-brand p-0 me-0 me-lg-2" href="/" aria-label="Bootstrap">
@@ -17,9 +17,7 @@
 
     <div class="d-flex">
       {{ if eq .Layout "docs" }}
-      <div class="bd-search" id="docsearch" data-bd-docs-version="{{ .Site.Params.docs_version }}"></div>
-
-      <!-- <hr class="d-lg-none text-white-50"> -->
+        <div class="bd-search" id="docsearch" data-bd-docs-version="{{ .Site.Params.docs_version }}"></div>
       {{ end }}
 
       <button class="navbar-toggler d-flex d-lg-none order-3 p-2" type="button" data-bs-toggle="offcanvas" data-bs-target="#bdNavbar" aria-controls="bdNavbar" aria-label="Toggle navigation">