diff --git a/web/src/views/authenticated/shopping-list-view.vue b/web/src/views/authenticated/shopping-list-view.vue
index c6c2c795..0b746fa3 100644
--- a/web/src/views/authenticated/shopping-list-view.vue
+++ b/web/src/views/authenticated/shopping-list-view.vue
@@ -1227,7 +1227,19 @@ export default {
       shoppinglist.GetShoppingList(this.templateId).then((resp) => {
         this.templateListName = resp.data.spec.name
       })
-    }
+    },
+    isNewItemModalActive() {
+      if (this.isNewItemModalActive !== false) {
+        return
+      }
+      this.GetShoppingListItems()
+    },
+    isEditItemModalActive() {
+      if (this.isEditItemModalActive !== false) {
+        return
+      }
+      this.GetShoppingListItems()
+    },
   },
   async beforeMount () {
     this.GetShoppingList()