surfaces/shell/src/browser/HostApp.tsx

@@ -143,6 +143,7 @@ const shellStyles = {
     display: "grid",
     fontFamily: designToken("typography.family-sans"),
     gridTemplateColumns: "13rem minmax(0, 1fr)",
+    gridTemplateRows: "auto minmax(0, 1fr)",
     minHeight: "100vh",
     minWidth: 0,
     width: "100%",

surfaces/shell/tests/host-app.test.tsx

@@ -971,7 +971,7 @@ describe("Ekklesia shell — Dashboard navigation", () => {
 });
 
 describe("Ekklesia shell — mount lifecycle", () => {
-  it("keeps fixed shell columns while module content changes width", async () => {
+  it("keeps fixed shell tracks while module content changes size", async () => {
     await render({ apiBaseUrl, fetch: platformFetch() }, async () => artifact("example", "0.1.0"));
 
     const shell = query("host-shell") as HTMLElement;
@@ -979,6 +979,7 @@ describe("Ekklesia shell — mount lifecycle", () => {
     const main = shell.querySelector("main") as HTMLElement;
     const frame = query("module-container") as HTMLElement;
     expect(shell.style.gridTemplateColumns).toBe("13rem minmax(0, 1fr)");
+    expect(shell.style.gridTemplateRows).toBe("auto minmax(0, 1fr)");
     expect(aside.style.width).toBe("13rem");
     expect(main.style.minWidth).toBe("0");
     expect(main.style.overflowX).toBe("auto");