diff --git a/packages/vue-components/src/Searchbar.vue b/packages/vue-components/src/Searchbar.vue
index 54d755277..b6f8d130a 100644
--- a/packages/vue-components/src/Searchbar.vue
+++ b/packages/vue-components/src/Searchbar.vue
@@ -187,8 +187,8 @@ export default {
       return [
         'dropdown-menu',
         'search-dropdown-menu',
-        { show: this.showDropdown },
-        { 'd-none': !this.showDropdown },
+        { 'show': this.showDropdown },
+        { 'dropdown-menu-hidden': !this.showDropdown },
         { 'dropdown-menu-end': this.menuAlignRight },
       ];
     },
@@ -304,6 +304,10 @@ export default {
         visibility: hidden;
         overflow: hidden;
     }
+
+    .dropdown-menu-hidden {
+        visibility: hidden;
+    }
 </style>
 
 <style>