diff --git a/es-vue-base/src/lib-components/EsNavBar.vue b/es-vue-base/src/lib-components/EsNavBar.vue
index 358f02d18..735f36366 100644
--- a/es-vue-base/src/lib-components/EsNavBar.vue
+++ b/es-vue-base/src/lib-components/EsNavBar.vue
@@ -122,10 +122,10 @@
                             class="nav-search-bar-desktop nav-item top-header mx-0 justify-content-center"
                             style="display: none">
                             <div class="row w-100">
-                                <es-search-bar id="searchBarDesktop" class="mb-0">
+                                <es-search-bar id="searchBarDesktop">
                                     <template #close>
                                         <es-button
-                                            class="order-2 nav-button mb-100 nav-search-close-desktop ml-50"
+                                            class="order-2 nav-button nav-search-close-desktop ml-50"
                                             aria-label="Close search bar"
                                             variant="link">
                                             <icon-x />
diff --git a/es-vue-base/src/lib-components/EsSearchBar.vue b/es-vue-base/src/lib-components/EsSearchBar.vue
index 834dac960..2bb4e2d3b 100644
--- a/es-vue-base/src/lib-components/EsSearchBar.vue
+++ b/es-vue-base/src/lib-components/EsSearchBar.vue
@@ -8,7 +8,7 @@
                 :id="id"
                 v-model="searchText"
                 aria-label="Search bar"
-                class="w-50 flex-grow-1"
+                class="w-50 flex-grow-1 mb-lg-0"
                 label-sr-only
                 name="query"
                 :placeholder="placeholder"
@@ -23,7 +23,7 @@
                 </template>
             </es-form-input>
             <es-button
-                class="ml-50 mb-100"
+                class="ml-50 mb-100 mb-lg-0"
                 :disabled="!searchText"
                 type="submit"
                 :value="buttonText">