diff --git a/src/components/ui/VnSearchbar.vue b/src/components/ui/VnSearchbar.vue
index 6c39d71e2..5df2bc900 100644
--- a/src/components/ui/VnSearchbar.vue
+++ b/src/components/ui/VnSearchbar.vue
@@ -87,7 +87,7 @@ async function search() {
     </q-form>
 </template>
 
-<style lang="scss">
+<style lang="scss" scoped>
 @media screen and (max-width: $breakpoint-xs-max) {
     .q-field {
         width: 250px;