diff --git a/src/components/ui/VnSearchbar.vue b/src/components/ui/VnSearchbar.vue
index c7a4e5861..bae970d52 100644
--- a/src/components/ui/VnSearchbar.vue
+++ b/src/components/ui/VnSearchbar.vue
@@ -170,10 +170,10 @@ async function search() {
     cursor: help;
 }
 #searchbar {
-    .q-field > .q-field__inner > .q-field__control {
-        height: 40px;
-        align-items: flex-start;
+    .q-field__append.q-field__marginal.row.no-wrap.items-center.row {
+        height: inherit;
     }
+
     .q-field--standout.q-field--highlighted .q-field__control {
         align-items: center;
         background-color: white;