diff --git a/apps/web/cypress/e2e/recipes.cy.ts b/apps/web/cypress/e2e/recipes.cy.ts
index 318a410..f7a065c 100644
--- a/apps/web/cypress/e2e/recipes.cy.ts
+++ b/apps/web/cypress/e2e/recipes.cy.ts
@@ -156,6 +156,14 @@ describe("Recipe catalog", () => {
   });
 
   it("opens a recipe's detail alongside the table when its row is selected", () => {
+    // Desktop-only master-detail layout, same reasoning as
+    // planning-page.cy.ts's "Planning grid" tests — wider/taller than
+    // Cypress's default 1000×660, which doesn't leave the detail panel
+    // (photo + header + ingredients + steps) enough height to show
+    // everything without needing its own internal scroll (by design, see
+    // `.recipe-detail-panel` in recipes.scss) — this test asserts full
+    // visibility without scrolling, so it needs the room.
+    cy.viewport(1600, 900);
     cy.intercept("GET", /\/recipes\?/, { statusCode: 200, body: [ratatouille, omelette] });
     cy.intercept("GET", "**/recipes/2", { statusCode: 200, body: omeletteDetail }).as("getRecipe");