diff --git a/frontend/components/global/CrudTable.vue b/frontend/components/global/CrudTable.vue
index 660a19f4f..af5d2b1d4 100644
--- a/frontend/components/global/CrudTable.vue
+++ b/frontend/components/global/CrudTable.vue
@@ -11,7 +11,7 @@
         <template #activator="{ props }">
           <v-btn
             color="accent"
-            variant="flat"
+            variant="elevated"
             v-bind="props"
           >
             <v-icon>
@@ -40,7 +40,7 @@
         :disabled="selected.length < 1"
         mode="event"
         color="info"
-        variant="flat"
+        variant="elevated"
         :items="bulkActions"
         v-bind="bulkActionListener"
       />
@@ -49,6 +49,7 @@
     <div class="mx-2 clip-width">
       <v-text-field
         v-model="search"
+        variant="underlined"
         :label="$t('search.search')"
       />
     </div>
diff --git a/frontend/pages/group/data/recipes.vue b/frontend/pages/group/data/recipes.vue
index f14b71d95..cd4e6126e 100644
--- a/frontend/pages/group/data/recipes.vue
+++ b/frontend/pages/group/data/recipes.vue
@@ -129,7 +129,7 @@
             <v-btn
               color="accent"
               class="mr-2"
-              variant="flat"
+              variant="elevated"
               dark
               v-bind="props"
             >
@@ -162,7 +162,7 @@
           :disabled="selected.length < 1"
           mode="event"
           color="info"
-          variant="flat"
+          variant="elevated"
           :items="actions"
           @export-selected="openDialog(MODES.export)"
           @tag-selected="openDialog(MODES.tag)"