diff --git a/components/ServerDbTable.vue b/components/ServerDbTable.vue
index 88c917c5dee5775093e104894ee2849945a4b981..14578f59596eabce0681816d2a3fd861ab0a59ac 100644
--- a/components/ServerDbTable.vue
+++ b/components/ServerDbTable.vue
@@ -355,11 +355,11 @@ async function downloadData() {
                             </v-btn>
                         </v-badge>
                         <v-spacer></v-spacer>
-                        <v-card flat color="transparent" :min-width="400" class="mx-2">
+                        <v-card variant="flat" color="transparent" :min-width="400" class="mx-2" :rounded="false">
                             <v-text-field v-model="search" label="Search..." hide-details="auto"
                                 prepend-inner-icon="mdi-magnify" single-line clearable></v-text-field>
                         </v-card>
-                        <v-card flat color="transparent" :min-width="500" class="mx-2">
+                        <v-card variant="flat" color="transparent" :min-width="500" class="mx-2" :rounded="false">
                             <v-autocomplete ref="autocompleteInput" hide-details v-model:model-value="filterOrSearch"
                                 auto-select-first chips clearable label="Filter results..." :items="autocompleteItems"
                                 single-line item-value="value" item-title="title" multiple return-object