diff --git a/vue3/src/components/model_editors/FoodEditor.vue b/vue3/src/components/model_editors/FoodEditor.vue
index 06d20cc35..15d989e7a 100644
--- a/vue3/src/components/model_editors/FoodEditor.vue
+++ b/vue3/src/components/model_editors/FoodEditor.vue
@@ -10,12 +10,14 @@
         :model-class="modelClass"
         :object-name="editingObjName()">
 
-        <v-tabs v-model="tab" :disabled="loading" grow>
-            <v-tab value="food">{{ $t('Food') }}</v-tab>
-            <v-tab value="properties">{{ $t('Properties') }}</v-tab>
-            <v-tab value="conversions">{{ $t('Conversion') }}</v-tab>
-            <v-tab value="misc">{{ $t('Miscellaneous') }}</v-tab>
-        </v-tabs>
+        <v-card-text class="pa-0">
+            <v-tabs v-model="tab" :disabled="loading" grow>
+                <v-tab value="food">{{ $t('Food') }}</v-tab>
+                <v-tab value="properties">{{ $t('Properties') }}</v-tab>
+                <v-tab value="conversions">{{ $t('Conversion') }}</v-tab>
+                <v-tab value="misc">{{ $t('Miscellaneous') }}</v-tab>
+            </v-tabs>
+        </v-card-text>
 
         <v-card-text>
             <v-tabs-window v-model="tab">
diff --git a/vue3/src/components/model_editors/MealPlanEditor.vue b/vue3/src/components/model_editors/MealPlanEditor.vue
index d74d29630..4529e29eb 100644
--- a/vue3/src/components/model_editors/MealPlanEditor.vue
+++ b/vue3/src/components/model_editors/MealPlanEditor.vue
@@ -10,13 +10,14 @@
         :model-class="modelClass"
         :object-name="editingObjName()">
 
-        <v-tabs v-model="tab" :disabled="loading" grow>
-            <v-tab prepend-icon="$mealplan" value="plan">{{ $t('Meal_Plan') }}</v-tab>
-            <v-tab prepend-icon="$shopping" value="shopping" :disabled="!isUpdate()">{{ $t('Shopping_list') }}</v-tab>
-        </v-tabs>
+        <v-card-text class="pa-0">
+            <v-tabs v-model="tab" :disabled="loading" grow>
+                <v-tab prepend-icon="$mealplan" value="plan">{{ $t('Meal_Plan') }}</v-tab>
+                <v-tab prepend-icon="$shopping" value="shopping" :disabled="!isUpdate()">{{ $t('Shopping_list') }}</v-tab>
+            </v-tabs>
+        </v-card-text>
 
         <v-card-text>
-
             <v-tabs-window v-model="tab">
                 <v-tabs-window-item value="plan">
                     <v-form :disabled="loading">
diff --git a/vue3/src/components/model_editors/RecipeBookEditor.vue b/vue3/src/components/model_editors/RecipeBookEditor.vue
index c6bdc0a2b..62c12996d 100644
--- a/vue3/src/components/model_editors/RecipeBookEditor.vue
+++ b/vue3/src/components/model_editors/RecipeBookEditor.vue
@@ -10,10 +10,12 @@
         :model-class="modelClass"
         :object-name="editingObjName()">
 
-        <v-tabs v-model="tab" :disabled="loading" grow>
-            <v-tab value="book">{{ $t('Book') }}</v-tab>
-            <v-tab value="recipes" :disabled="!isUpdate()">{{ $t('Recipes') }}</v-tab>
-        </v-tabs>
+        <v-card-text class="pa-0">
+            <v-tabs v-model="tab" :disabled="loading" grow>
+                <v-tab value="book">{{ $t('Book') }}</v-tab>
+                <v-tab value="recipes" :disabled="!isUpdate()">{{ $t('Recipes') }}</v-tab>
+            </v-tabs>
+        </v-card-text>
 
         <v-card-text>
             <v-tabs-window v-model="tab">
diff --git a/vue3/src/components/model_editors/RecipeEditor.vue b/vue3/src/components/model_editors/RecipeEditor.vue
index 047751fdb..84f1df9b9 100644
--- a/vue3/src/components/model_editors/RecipeEditor.vue
+++ b/vue3/src/components/model_editors/RecipeEditor.vue
@@ -10,13 +10,14 @@
         :model-class="modelClass"
         :object-name="editingObjName()">
 
-        <v-tabs v-model="tab" :disabled="loading || fileApiLoading" grow>
-            <v-tab value="recipe">{{ $t('Recipe') }}</v-tab>
-            <v-tab value="steps">{{ $t('Steps') }}</v-tab>
-            <v-tab value="properties">{{ $t('Properties') }}</v-tab>
-            <v-tab value="settings">{{ $t('Settings') }}</v-tab>
-
-        </v-tabs>
+        <v-card-text class="pa-0">
+            <v-tabs v-model="tab" :disabled="loading || fileApiLoading" grow>
+                <v-tab value="recipe">{{ $t('Recipe') }}</v-tab>
+                <v-tab value="steps">{{ $t('Steps') }}</v-tab>
+                <v-tab value="properties">{{ $t('Properties') }}</v-tab>
+                <v-tab value="settings">{{ $t('Settings') }}</v-tab>
+            </v-tabs>
+        </v-card-text>
         <v-card-text v-if="!isSpaceAtRecipeLimit(useUserPreferenceStore().activeSpace)">
             <v-tabs-window v-model="tab">
                 <v-tabs-window-item value="recipe">
diff --git a/vue3/src/components/model_editors/SupermarketEditor.vue b/vue3/src/components/model_editors/SupermarketEditor.vue
index ea14021e9..ba4d71e9e 100644
--- a/vue3/src/components/model_editors/SupermarketEditor.vue
+++ b/vue3/src/components/model_editors/SupermarketEditor.vue
@@ -10,10 +10,12 @@
         :model-class="modelClass"
         :object-name="editingObjName()">
 
-        <v-tabs v-model="tab" :disabled="loading" grow>
-            <v-tab value="supermarket">{{ $t('Supermarket') }}</v-tab>
-            <v-tab value="categories" :disabled="!isUpdate()">{{ $t('Categories') }}</v-tab>
-        </v-tabs>
+        <v-card-text class="pa-0">
+            <v-tabs v-model="tab" :disabled="loading" grow>
+                <v-tab value="supermarket">{{ $t('Supermarket') }}</v-tab>
+                <v-tab value="categories" :disabled="!isUpdate()">{{ $t('Categories') }}</v-tab>
+            </v-tabs>
+        </v-card-text>
 
         <v-card-text>
             <v-tabs-window v-model="tab">