diff --git a/vue/src/components/Ingredient.vue b/vue/src/components/Ingredient.vue
index 0343bf88f..843aac60c 100644
--- a/vue/src/components/Ingredient.vue
+++ b/vue/src/components/Ingredient.vue
@@ -19,7 +19,7 @@
       </td>
       <td>
         <template v-if="ingredient.food !== null">
-          <a :href="resolveDjangoUrl('view_recipe', ingredient.food.recipe)" v-if="ingredient.food.recipe !== null"
+          <a :href="resolveDjangoUrl('view_recipe', ingredient.food.recipe.id)" v-if="ingredient.food.recipe !== null"
              target="_blank" rel="noopener noreferrer">{{ ingredient.food.name }}</a>
           <span v-if="ingredient.food.recipe === null">{{ ingredient.food.name }}</span>
         </template>