From 0b9acd32a5931e75315dcda5c0c00f64a47dedaf Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sun, 21 Jun 2026 12:56:54 +0000
Subject: [PATCH] Fix Node Status grid not scrolling when it overflows
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The grid's flex column parent had no min-h-0, so it grew to fit all
content instead of being capped to the card height — overflow-y:auto
on the grid itself never had anything to scroll within.
---
 src/pages/Infrastructure.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Infrastructure.tsx b/src/pages/Infrastructure.tsx
index 09307ef..2dcc872 100644
--- a/src/pages/Infrastructure.tsx
+++ b/src/pages/Infrastructure.tsx
@@ -252,7 +252,7 @@ export default function Infrastructure() {
           <div style={framedCard('/blank-kpi-bg.png')}>
             <div style={cardDim} />
             <div style={cardVignette} />
-            <div className="relative z-10 flex flex-1 flex-col">
+            <div className="relative z-10 flex min-h-0 flex-1 flex-col">
               <h3 style={sectionTitle}>Node Status</h3>
               {resources && resources.length > 0 ? (
                 <div className="scrollbar-ghost grid min-h-0 flex-1 grid-cols-5 content-start gap-2" style={{ overflowY: 'auto' }}>