diff --git a/web/src/components/detail/IngredientTableView.astro b/web/src/components/detail/IngredientTableView.astro
index de3b63d..a9f4749 100644
--- a/web/src/components/detail/IngredientTableView.astro
+++ b/web/src/components/detail/IngredientTableView.astro
@@ -32,7 +32,7 @@ const tableView = true
             ingredients.map((ing, index) => (
                 <>
                     <tr class="border-t border-white/10 cursor-pointer hover:bg-white/10 transition-opacity ingredient-row" data-index={index}>
-                        <td class="px-4 py-2">{ing.quantity.value.value}</td>
+                        <td class="px-4 py-2">{ing.quantity ? ing.quantity.value.value : ''}</td>
                         <td class="px-4 py-2">{ing.unit || ''}</td>
                         <td class="px-4 py-2">{ing.name}{ing.preparation ? ` (${ing.preparation})` : ''}</td>
                     </tr>
diff --git a/web/src/components/detail/StepIngredientSideView.astro b/web/src/components/detail/StepIngredientSideView.astro
index 1f5c1d8..9559954 100644
--- a/web/src/components/detail/StepIngredientSideView.astro
+++ b/web/src/components/detail/StepIngredientSideView.astro
@@ -5,6 +5,6 @@ const { ingredients, class: className } = Astro.props;
 <div class={className}>
     {ingredients.map(i => (
         <ul class="text-sm">
-            <li class="">{i.quantity.value.value} {i.unit || ""}  {i.name} {i.preparation ? `(${i.preparation})` : ''}</li class="">       </ul>
+            <li class="">{i.quantity ? i.quantity.value.value : ''} {i.unit || ""}  {i.name} {i.preparation ? `(${i.preparation})` : ''}</li class="">       </ul>
     ))}
 </div>
\ No newline at end of file