diff --git a/vue/src/apps/RecipeSearchView/RecipeSearchView.vue b/vue/src/apps/RecipeSearchView/RecipeSearchView.vue
index 90e933199..8a5abac24 100644
--- a/vue/src/apps/RecipeSearchView/RecipeSearchView.vue
+++ b/vue/src/apps/RecipeSearchView/RecipeSearchView.vue
@@ -829,7 +829,7 @@
                     </div>
                 </div>
 
-                <template v-if="!searchFiltered() && ui.show_meal_plan">
+                <template v-if="!searchFiltered() && ui.show_meal_plan && meal_plan_grid.length > 0">
                     <hr/>
                     <div class="row">
 
@@ -838,19 +838,19 @@
                                 style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); column-gap: 0.5rem;row-gap: 1rem; grid-auto-rows: max-content; ">
                                 <div v-for="day in meal_plan_grid" v-bind:key="day.day">
                                     <b-list-group v-if="day.plan_entries.length > 0 || !isMobile">
-                                        <b-list-group-item>
+                                        <b-list-group-item class="hover-div">
                                             <div class="d-flex flex-row align-items-center">
                                                 <div>
                                                     <h4>{{ day.date_label }}</h4>
                                                 </div>
                                                 <div class="flex-grow-1 text-right">
-                                                    <b-button class="" @click="showMealPlanEditModal(null, day.create_default_date)"><i
+                                                    <b-button class="hover-button" @click="showMealPlanEditModal(null, day.create_default_date)"><i
                                                         class="fa fa-plus"></i></b-button>
                                                 </div>
                                             </div>
 
                                         </b-list-group-item>
-                                        <b-list-group-item v-for="plan in day.plan_entries" v-bind:key="plan.id">
+                                        <b-list-group-item v-for="plan in day.plan_entries" v-bind:key="plan.id" class="hover-div">
                                             <div class="d-flex flex-row align-items-center">
                                                 <div>
                                                     <b-img style="height: 50px; width: 50px; object-fit: cover"
@@ -863,6 +863,9 @@
                                                             plan.recipe.name
                                                         }}</a></span>
                                                 </div>
+                                                <div class="hover-button">
+                                                    <b-button @click="showMealPlanEditModal(plan,null)"><i class="fas fa-pencil-alt"></i></b-button>
+                                                </div>
                                             </div>
                                         </b-list-group-item>
 
@@ -1638,12 +1641,9 @@ export default {
             )
         },
         showMealPlanEditModal: function (entry, date) {
-            if (entry) {
-                this.mealplan_entry_edit = entry
-            }
-            if (date) {
-                this.mealplan_default_date = date
-            }
+            this.mealplan_default_date = date
+            this.mealplan_entry_edit = entry
+
             this.$nextTick(function () {
                 this.$bvModal.show(`id_meal_plan_edit_modal`)
             })
@@ -1693,4 +1693,12 @@ export default {
     -webkit-box-orient: vertical;
 }
 
+.hover-button {
+    display: none;
+}
+
+.hover-div:hover .hover-button {
+    display: inline-block;
+}
+
 </style>
diff --git a/vue/src/components/MealPlanEditModal.vue b/vue/src/components/MealPlanEditModal.vue
index 718bff674..3d934a6e9 100644
--- a/vue/src/components/MealPlanEditModal.vue
+++ b/vue/src/components/MealPlanEditModal.vue
@@ -216,9 +216,9 @@ export default {
             }
 
             if (this.entry === null) {
-                this.entryEditing = useMealPlanStore().empty_meal_plan
+                this.entryEditing = Object.assign({}, useMealPlanStore().empty_meal_plan, null)
             } else {
-                this.entryEditing = this.entry
+                this.entryEditing = Object.assign({}, this.entry, null)
             }
 
             if (this.create_date) {
@@ -256,7 +256,6 @@ export default {
                     }
                 })
             } else {
-                console.log('CALLING UPDATE')
                 useMealPlanStore().updateObject(this.entryEditing)
             }
         },