From c64ce84e445deb0c2065165725c6ac911ca7534d Mon Sep 17 00:00:00 2001
From: Christian Vidal Wolf <christianvidalwolf@gmail.com>
Date: Tue, 26 May 2026 09:51:23 +0200
Subject: [PATCH] fix(dashboard): enable scroll on small screens in Control
 Dashboard

Removed h-full and overflow-auto from the root grid div. h-full was
constraining the grid to the viewport height, causing CSS grid to
shrink rows to fit instead of overflowing. Parent <main> already has
overflow-auto, so removing the height constraint lets content expand
naturally and scroll correctly on small screens.

Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
---
 src/components/ControlDashboardView.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ControlDashboardView.tsx b/src/components/ControlDashboardView.tsx
index 4287179..ec61058 100644
--- a/src/components/ControlDashboardView.tsx
+++ b/src/components/ControlDashboardView.tsx
@@ -382,7 +382,7 @@ export function ControlDashboardView({
   const historicalCosmeticSnapshot = dashboardSnapshots[getDaysAgoKey(7)]?.cosmeticItems;
 
   return (
-    <div className="grid h-full gap-4 overflow-auto xl:grid-cols-2">
+    <div className="grid gap-4 xl:grid-cols-2">
       <div className="xl:col-span-2 flex items-center justify-between gap-4 rounded-3xl border border-slate-700/60 bg-slate-900/80 px-4 py-3.5 shadow-xl">
         <div>
           <div className="flex items-center gap-2 text-slate-300">