diff --git a/apps/web/src/features/recipes/recipes.scss b/apps/web/src/features/recipes/recipes.scss
index 9b70281..559771f 100644
--- a/apps/web/src/features/recipes/recipes.scss
+++ b/apps/web/src/features/recipes/recipes.scss
@@ -124,6 +124,17 @@
     min-height: 0;
     display: grid;
     grid-template-columns: minmax(0, 1fr) minmax(35vw, 38vw);
+    // Without this, the grid's single implicit row falls back to
+    // auto-sizing (tall enough for its content), not the full height of
+    // `&__catalog` itself — silently masked as long as `.app-content`'s own
+    // height was `min-height: 100vh` (auto-grew to fit anything, so
+    // nothing downstream ever actually needed to stretch to a fixed
+    // height). Fixing that (see AppLayout.scss) made `&__catalog`'s height
+    // genuinely definite for the first time, which surfaced this: the
+    // detail panel's own `height: 100%; overflow-y: auto` (see
+    // `.recipe-detail-panel` below) had nothing to stretch against, came
+    // out shorter than its content, and silently clipped it.
+    grid-template-rows: minmax(0, 1fr);
     gap: var(--space-lg);
   }