diff --git a/apps/web/src/features/recipes/recipes.scss b/apps/web/src/features/recipes/recipes.scss
index 559771f..f772c39 100644
--- a/apps/web/src/features/recipes/recipes.scss
+++ b/apps/web/src/features/recipes/recipes.scss
@@ -141,6 +141,15 @@
   @media (max-width: 1024px) {
     &__catalog {
       grid-template-columns: 1fr;
+      // The single-row `1fr` track above only makes sense for the desktop
+      // side-by-side layout — collapsed to one column, the table and the
+      // detail panel stack into two separate rows instead, so forcing them
+      // both into one `1fr` track split the available height in half and
+      // gave the table row 0px (its own content pushed below the fold,
+      // clipped by its `overflow-y: auto`). Reset to the default `auto`
+      // (each row sized to its content) — matches `height: auto` below,
+      // which already stopped assuming a single fixed-height row here.
+      grid-template-rows: auto;
       height: auto;
     }
   }