diff --git a/src/_includes/layouts/documentation.njk b/src/_includes/layouts/documentation.njk
index c9e5c21322..b6ad743643 100644
--- a/src/_includes/layouts/documentation.njk
+++ b/src/_includes/layouts/documentation.njk
@@ -12,8 +12,8 @@ date: git Last Modified
     <div class="px-10 pt-8">
         <!-- Breadcrumbs - Desktop -->
         <div class="w-full">
-            <div class="font-medium border-b pb-1 flex flex-col md:flex-row md:items-end">
-                <div class="md:flex-1 ">
+            <div class="font-medium border-b pb-1 flex flex-col gap-1">
+                <div class="md:flex-1">
                     {% if version %}
                     v{{ version }}
                     {% endif %}
@@ -21,7 +21,7 @@ date: git Last Modified
                     {{ page.url | handbookBreadcrumbs | safe }}
                     {% endif %}
                 </div>
-                <div class="w-full xl:max-w-[30%] md:max-w-[50%] sm:w-full md:ml-auto mb-1 max-md:mt-3">
+                <div class="w-full mb-1">
                     <div id="algolia-search" class="border rounded"></div>
                 </div>
             </div>
@@ -60,4 +60,4 @@ date: git Last Modified
 {% include "./common-js.njk" %}
 
 <!-- medium-zoom 1.1.0 | MIT License | https://github.com/francoischalifour/medium-zoom -->
-{% include "medium-zoom.min.njk" %}
\ No newline at end of file
+{% include "medium-zoom.min.njk" %}
diff --git a/src/css/algolia-theme.css b/src/css/algolia-theme.css
index 7eb13eca28..3f25e0bf93 100644
--- a/src/css/algolia-theme.css
+++ b/src/css/algolia-theme.css
@@ -65,6 +65,9 @@
 
 .aa-Panel .aa-ItemContent .aa-ItemContentBody {
     grid-column: span 4;
+    align-self: stretch;
+    display: flex;
+    flex-direction: column;
 }