From 76426a2f2e2e142e59c2288b500535463d34cb2f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= <mbombeck@gmail.com>
Date: Thu, 4 Jun 2026 15:30:29 +0200
Subject: [PATCH] fix(dashboard): match the tile skeleton to the resting tile
 height

The tile-strip skeleton and per-tile Suspense fallback reserved only 6rem,
shorter than a populated TrendCard (~8rem), so the strip grew when data
landed. Bump both to 8rem and mirror the card's overflow-hidden chrome on
the fallback to keep first-paint layout shift at zero.
---
 src/app/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4b19333b6..54c4f31c8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1599,7 +1599,7 @@ export default function DashboardPage() {
                 {Array.from({ length: configuredTileCount }).map((_, idx) => (
                   <div
                     key={`tile-skeleton-${idx}`}
-                    className="bg-card border-border min-h-[6rem] animate-pulse rounded-xl border p-4 motion-reduce:animate-none md:p-6"
+                    className="bg-card border-border min-h-[8rem] animate-pulse rounded-xl border p-4 motion-reduce:animate-none md:p-6"
                   />
                 ))}
               </div>
@@ -1660,7 +1660,7 @@ export default function DashboardPage() {
                       fallback={
                         <div
                           aria-hidden="true"
-                          className="bg-card border-border flex h-full min-h-[6rem] w-full min-w-0 flex-col rounded-xl border p-4 md:p-6"
+                          className="bg-card border-border flex h-full min-h-[8rem] w-full min-w-0 flex-col overflow-hidden rounded-xl border p-4 md:p-6"
                         />
                       }
                     >