diff --git a/src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj b/src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj
index b921bcb0ef7..1702ed7eaec 100644
--- a/src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj
+++ b/src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj
@@ -47,11 +47,11 @@
     <PackageReference Include="BootstrapBlazor.Markdown" Version="9.0.0" />
     <PackageReference Include="BootstrapBlazor.MaterialDesign" Version="9.0.0" />
     <PackageReference Include="BootstrapBlazor.MaterialDesign.Extensions" Version="9.0.0" />
-    <PackageReference Include="BootstrapBlazor.MeiliSearch" Version="9.0.8" />
+    <PackageReference Include="BootstrapBlazor.MeiliSearch" Version="9.0.10" />
     <PackageReference Include="BootstrapBlazor.Mermaid" Version="9.0.2" />
     <PackageReference Include="BootstrapBlazor.MindMap" Version="9.0.0" />
     <PackageReference Include="BootstrapBlazor.MouseFollower" Version="9.0.1" />
-    <PackageReference Include="BootstrapBlazor.OnScreenKeyboard" Version="9.0.0" />
+    <PackageReference Include="BootstrapBlazor.OnScreenKeyboard" Version="9.0.1" />
     <PackageReference Include="BootstrapBlazor.PdfReader" Version="9.0.0" />
     <PackageReference Include="BootstrapBlazor.Player" Version="9.0.0" />
     <PackageReference Include="BootstrapBlazor.SignaturePad" Version="9.0.0" />
diff --git a/src/BootstrapBlazor.Server/Components/Components/CultureChooser.razor.css b/src/BootstrapBlazor.Server/Components/Components/CultureChooser.razor.css
index fc8be97f253..8190e8d3c93 100644
--- a/src/BootstrapBlazor.Server/Components/Components/CultureChooser.razor.css
+++ b/src/BootstrapBlazor.Server/Components/Components/CultureChooser.razor.css
@@ -14,7 +14,7 @@
     }
 
     .culture-selector ::deep .select {
-        width: 210px;
+        width: var(--bb-header-select-width);
     }
 
 ::deep .form-control {
diff --git a/src/BootstrapBlazor.Server/Components/Components/Header.razor.css b/src/BootstrapBlazor.Server/Components/Components/Header.razor.css
index 5f7d0e5d79d..fee33fb32e9 100644
--- a/src/BootstrapBlazor.Server/Components/Components/Header.razor.css
+++ b/src/BootstrapBlazor.Server/Components/Components/Header.razor.css
@@ -63,6 +63,11 @@
         border-radius: var(--bs-border-radius);
     }
 
+::deep .bb-g-search {
+    width: var(--bb-header-select-width);
+    margin-bottom: var(--bb-header-search-margin-bottom);
+}
+
 @media (min-width: 768px) {
     .navbar-header {
         position: sticky;
diff --git a/src/BootstrapBlazor.Server/wwwroot/css/site.css b/src/BootstrapBlazor.Server/wwwroot/css/site.css
index 3d81b1df59a..38b4ec97ce1 100644
--- a/src/BootstrapBlazor.Server/wwwroot/css/site.css
+++ b/src/BootstrapBlazor.Server/wwwroot/css/site.css
@@ -37,6 +37,8 @@
     --bb-sidebar-body-hover-bg: rgba(175, 184, 193, 0.2);
     --bb-sidebar-body-drag-hover-bg: rgb(9, 105, 218);
     --bb-code-bg: #e9ecef;
+    --bb-header-select-width: 230px;
+    --bb-header-search-margin-bottom: .5rem;
 }
 
 html .search-dialog-mask {
@@ -302,6 +304,8 @@ code {
 @media (min-width: 768px) {
     :root {
         --bs-header-height: 50px;
+        --bb-header-select-width: 130px;
+        --bb-header-search-margin-bottom: 0;
     }
 
     .header-img span {