diff --git a/frontend/src/components/MealPlan/MealPlanNew.vue b/frontend/src/components/MealPlan/MealPlanNew.vue
index 497da6f28..2e420e473 100644
--- a/frontend/src/components/MealPlan/MealPlanNew.vue
+++ b/frontend/src/components/MealPlan/MealPlanNew.vue
@@ -65,7 +65,7 @@
       </v-row>
     </v-card-text>
 
-    <v-card-text>
+    <v-card-text v-if="startDate">
       <MealPlanCard v-model="meals" />
     </v-card-text>
     <v-row align="center" justify="end">
@@ -133,6 +133,7 @@ export default {
 
       let dateDif = (endDate - startDate) / (1000 * 3600 * 24) + 1;
 
+
       if (dateDif < 1) {
         return null;
       }
@@ -182,9 +183,9 @@ export default {
       };
       await api.mealPlans.create(mealBody);
       this.$emit("created");
+      this.meals = [];
       this.startDate = null;
       this.endDate = null;
-      this.meals = [];
     },
 
     getImage(image) {
diff --git a/frontend/src/pages/MealPlanPage.vue b/frontend/src/pages/MealPlanPage.vue
index 3f4d70030..d9fc51dc8 100644
--- a/frontend/src/pages/MealPlanPage.vue
+++ b/frontend/src/pages/MealPlanPage.vue
@@ -131,8 +131,8 @@ export default {
       this.editMealPlan = null;
       this.requestMeals();
     },
-    deletePlan(id) {
-      api.mealPlans.delete(id);
+    async deletePlan(id) {
+      await api.mealPlans.delete(id);
       this.requestMeals();
     },
     openShoppingList(id) {