diff --git a/src/components/EditRecipePage.vue b/src/components/EditRecipePage.vue
index 805c369..d967035 100644
--- a/src/components/EditRecipePage.vue
+++ b/src/components/EditRecipePage.vue
@@ -27,6 +27,8 @@
                 <button @click="deleteIngredient(ingredient)">Delete</button>
             </li>
         </ul>
+
+        <button @click="addIngredient">Add Ingredient</button>
         <button class="submit-btn" @click="saveRecipe">Save</button>
     </div>
 </div>
@@ -168,6 +170,9 @@ export default {
                 ingredients: [],
                 image_urls: []
             }
+        },
+        addIngredient() {
+            this.recipe.ingredients.push({ line: '', product: null });
         }
     },
 }