diff --git a/frontend/apps/recipe/components/Recipe/index.tsx b/frontend/apps/recipe/components/Recipe/index.tsx
index 457f7d7b..b96d2b68 100644
--- a/frontend/apps/recipe/components/Recipe/index.tsx
+++ b/frontend/apps/recipe/components/Recipe/index.tsx
@@ -21,7 +21,7 @@ function Recipe({ recipe }: RecipeProps) {
   const theme = useMantineTheme()
   const { classes } = useCommonStyles()
 
-  const defaultNumPortions = 4
+  const { defaultNumPortions } = recipe
   const [portions, setPortions] = useState<number>(recipe.defaultNumPortions)
 
   const formatDuration = (duration: string) =>