From b2f81a1f8d771891f421442767a2ca477aa215d3 Mon Sep 17 00:00:00 2001
From: Dorian <dorian@Dorians-MacBook-Air.local>
Date: Wed, 6 May 2026 19:48:09 +0100
Subject: [PATCH] Stabilize hero stat layout

---
 apps/web/src/components/PoolHero.vue | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/components/PoolHero.vue b/apps/web/src/components/PoolHero.vue
index ff67f04..b0d37e1 100644
--- a/apps/web/src/components/PoolHero.vue
+++ b/apps/web/src/components/PoolHero.vue
@@ -99,11 +99,29 @@ const ageS = computed(() => {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   gap: 12px;
+  align-items: stretch;
+}
+.cell {
+  min-height: 74px;
+  display: grid;
+  grid-template-rows: 34px 1fr;
+  align-content: start;
+}
+.cell .label {
+  min-height: 34px;
+  display: flex;
+  align-items: flex-start;
+  line-height: 1.25;
+  overflow: hidden;
 }
 .cell .value {
   font-size: 18px;
   font-weight: 600;
-  margin-top: 4px;
+  margin-top: 6px;
+  min-height: 28px;
+  display: flex;
+  align-items: baseline;
+  white-space: nowrap;
 }
 @media (max-width: 800px) {
   .hero { grid-template-columns: 1fr; }