diff --git a/src/components/recipes/EditRecipePage.vue b/src/components/recipes/EditRecipePage.vue
index fe61278..2a36138 100644
--- a/src/components/recipes/EditRecipePage.vue
+++ b/src/components/recipes/EditRecipePage.vue
@@ -64,6 +64,7 @@ input.recipe-name {
 
 <script>
 
+import alert from '@/alert.js'
 import data from '@/data.js'
 import EditableIngredientsPanel from '@/components/ingredients/EditableIngredientsPanel.vue'
 
@@ -121,11 +122,12 @@ export default {
         async saveRecipe() {
             const recipe = await data.saveRecipe(this.recipe);
             if (recipe?.id >= 0) {
+                alert.show({ heading: 'Recipe saved', message: 'Your recipe has been saved', type: 'success' });
                 this.$router.push(`/recipes/${recipe.id}`);
                 return;
             }
 
-            alert('Failed to save recipe');
+            alert.show({ heading: 'Error saving recipe', message: 'There was an error saving your recipe', type: 'error' });
         },
         async createFromScratch() {
             this.recipe = {