diff --git a/meal-plan-frontend/src/components/recipes/DietMealPreviewModal.tsx b/meal-plan-frontend/src/components/recipes/DietMealPreviewModal.tsx
index 067dfda..f796527 100644
--- a/meal-plan-frontend/src/components/recipes/DietMealPreviewModal.tsx
+++ b/meal-plan-frontend/src/components/recipes/DietMealPreviewModal.tsx
@@ -23,8 +23,8 @@ function toRecipeDetail(meal: DietGeneratorDraftMeal): RecipeDetailModel {
     ingredients: (meal.ingredients ?? []).map((ingredient) => ({
       id: ingredient.id,
       name: ingredient.name,
-      amountGrams: ingredient.amountGrams,
-      unit: ingredient.unit,
+      amountGrams: ingredient.amountGrams ?? null,
+      unit: ingredient.unit ?? null,
       sortOrder: ingredient.sortOrder,
       catalogItemId: null,
     })),