From 7adb2c04331e6c8b3772137d6a041e3a0467c051 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Mon, 5 Jan 2026 10:35:35 +0100
Subject: [PATCH 1/2] Fix the content card's height not expanding correctly.
 This was introduced in #13361 because we were trying to get the child of
 #main-content to take up the parent height. Setting the display model to grid
 fixes this without the side effect of the height not expanding correctly.

---
 resources/js/pages/layout/Layout.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/pages/layout/Layout.vue b/resources/js/pages/layout/Layout.vue
index d9a2ec05ce..5fba8ba3b9 100644
--- a/resources/js/pages/layout/Layout.vue
+++ b/resources/js/pages/layout/Layout.vue
@@ -32,7 +32,7 @@ provide('layout', {
         <main id="main" class="flex bg-body-bg dark:border-t dark:border-body-border rounded-t-2xl fixed top-14 inset-x-0 bottom-0 min-h-[calc(100vh-3.5rem)]">
             <Nav />
             <div id="main-content" class="main-content sm:p-2 h-full flex-1 overflow-y-auto rounded-t-2xl">
-                <div id="content-card" class="relative content-card min-h-full h-full">
+                <div id="content-card" class="relative content-card grid [&>*]:w-full min-h-full">
                     <slot />
                 </div>
             </div>

From 814fcd1a415b5dbd8d0cd7d54c2bce5f97c2d1c6 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Mon, 5 Jan 2026 10:53:52 +0100
Subject: [PATCH 2/2] Fix the content card's height not expanding correctly -
 make solution more robust

---
 resources/js/pages/layout/Layout.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/resources/js/pages/layout/Layout.vue b/resources/js/pages/layout/Layout.vue
index 5fba8ba3b9..84ccf638e7 100644
--- a/resources/js/pages/layout/Layout.vue
+++ b/resources/js/pages/layout/Layout.vue
@@ -32,8 +32,10 @@ provide('layout', {
         <main id="main" class="flex bg-body-bg dark:border-t dark:border-body-border rounded-t-2xl fixed top-14 inset-x-0 bottom-0 min-h-[calc(100vh-3.5rem)]">
             <Nav />
             <div id="main-content" class="main-content sm:p-2 h-full flex-1 overflow-y-auto rounded-t-2xl">
-                <div id="content-card" class="relative content-card grid [&>*]:w-full min-h-full">
-                    <slot />
+                <div id="content-card" class="relative content-card grid min-h-full">
+                    <div class="w-full">
+                        <slot />
+                    </div>
                 </div>
             </div>
         </main>