diff --git a/apps/web/src/features/planning/recipe-picker-dialog.scss b/apps/web/src/features/planning/recipe-picker-dialog.scss
index ad6c453..b036e82 100644
--- a/apps/web/src/features/planning/recipe-picker-dialog.scss
+++ b/apps/web/src/features/planning/recipe-picker-dialog.scss
@@ -44,6 +44,17 @@
     flex: 1;
     min-height: 0;
   }
+
+  // `.recipes-page__catalog`'s own column split (recipes.scss) sizes the
+  // detail pane with `minmax(35vw, 38vw)` — a fraction of the *viewport*,
+  // which tracked `/recettes`' own width there (that grid spans nearly the
+  // whole page) but has nothing to do with this dialog's width, now a
+  // fixed 92vw/75rem of its own. Overridden here as a fraction of the
+  // dialog itself instead, so the two panes stay proportionate to each
+  // other regardless of viewport size.
+  .recipes-page__catalog {
+    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
+  }
 }
 
 .recipe-picker__filters {