diff --git a/apps/web/src/features/planning/recipe-picker-dialog.scss b/apps/web/src/features/planning/recipe-picker-dialog.scss
index 9ef18f7..ad6c453 100644
--- a/apps/web/src/features/planning/recipe-picker-dialog.scss
+++ b/apps/web/src/features/planning/recipe-picker-dialog.scss
@@ -5,7 +5,19 @@
 // RecipeTabs import it themselves).
 
 .recipe-picker-dialog {
-  max-width: 56rem;
+  width: 92vw;
+  max-width: 75rem;
+  // Fixed, not just capped — `.dialog-panel`'s own `max-height` (dialog.scss)
+  // only bounds how tall a shrink-to-fit dialog can grow, which is right
+  // for every other dialog's small form but leaves this one's browsing
+  // step at the mercy of how much content happens to be on screen (a short
+  // personal-recipe tab vs. a ~25-item source browse). Pinning both
+  // `height`/`max-height` to the same `80vh` keeps the browsing area a
+  // consistent, generous size regardless of tab/content, on top of the
+  // `.dialog-panel__body` fix below that makes that area actually use the
+  // space instead of overflowing it.
+  height: 80vh;
+  max-height: 80vh;
 
   // `.dialog-panel__body` (dialog.scss) is a plain block-flow scroll
   // container by default — fine for every other dialog's small form, but