diff --git a/apps/gnocchi/web/src/components/recipes/viewer/RecipeOverview.tsx b/apps/gnocchi/web/src/components/recipes/viewer/RecipeOverview.tsx
index 9eda22c1..1ec979f5 100644
--- a/apps/gnocchi/web/src/components/recipes/viewer/RecipeOverview.tsx
+++ b/apps/gnocchi/web/src/components/recipes/viewer/RecipeOverview.tsx
@@ -184,7 +184,15 @@ function PreludeSection({ recipe }: { recipe: Recipe }) {
 	const { prelude } = hooks.useWatch(recipe);
 	hooks.useWatch(prelude);
 
-	if (prelude.get('content')?.length === 0) {
+	const empty =
+		!prelude ||
+		!prelude.get('content') ||
+		prelude
+			.get('content')
+			.getSnapshot()
+			.every((p: any) => !p.content);
+
+	if (empty) {
 		return null;
 	}