diff --git a/frontend/src/components/Settings/MealPlanner/index.vue b/frontend/src/components/Settings/MealPlanner/index.vue
index 139c8e744..8ea8ab61a 100644
--- a/frontend/src/components/Settings/MealPlanner/index.vue
+++ b/frontend/src/components/Settings/MealPlanner/index.vue
@@ -10,18 +10,22 @@
       <v-row>
         <v-col sm="12" md="6">
           <v-select
+            outlined
+            :flat="isFlat"
+            elavation="0"
             v-model="planCategories"
             :items="categories"
             item-text="name"
             item-value="name"
-            label="Allowed Categories"
             multiple
             chips
             hint="Only recipes with these categories will be used in Meal Plans"
+            class="mt-2"
             persistent-hint
           >
             <template v-slot:selection="data">
               <v-chip
+                outlined
                 :input-value="data.selected"
                 close
                 @click:close="removeCategory(data.index)"
@@ -114,6 +118,9 @@ export default {
     categories() {
       return this.$store.getters.getCategories;
     },
+    isFlat() {
+      return this.planCategories ? true : false;
+    },
   },
   methods: {
     saveTime(value) {