From f445a83ea5e41816bb3c230ab6224b9ea665c138 Mon Sep 17 00:00:00 2001
From: ekklesia <ekklesia@ekklesisa.dev.local>
Date: Tue, 29 Sep 2026 20:50:14 -0500
Subject: [PATCH] fix: stabilize dashboard content rows

---
 surfaces/shell/src/browser/HostApp.tsx | 1 +
 surfaces/shell/tests/host-app.test.tsx | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/surfaces/shell/src/browser/HostApp.tsx b/surfaces/shell/src/browser/HostApp.tsx
index c2ad849..5423e24 100644
--- a/surfaces/shell/src/browser/HostApp.tsx
+++ b/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%",
diff --git a/surfaces/shell/tests/host-app.test.tsx b/surfaces/shell/tests/host-app.test.tsx
index e53e0c6..23c3f69 100644
--- a/surfaces/shell/tests/host-app.test.tsx
+++ b/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");
-- 
2.54.0