From bc299fe9a003ab86c839fdd7380089c3a244d4b1 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Thu, 12 Mar 2026 00:27:17 +0100
Subject: [PATCH] fix: increase Peak Hours grid row height

---
 components/dashboard/PeakHours.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/dashboard/PeakHours.tsx b/components/dashboard/PeakHours.tsx
index a5e8c5a..138e51f 100644
--- a/components/dashboard/PeakHours.tsx
+++ b/components/dashboard/PeakHours.tsx
@@ -137,7 +137,7 @@ export default function PeakHours({ siteId, dateRange }: PeakHoursProps) {
         </div>
       ) : hasData ? (
         <>
-          <div className="flex-1 min-h-[270px] flex flex-col justify-center gap-[3px] relative" ref={gridRef}>
+          <div className="flex-1 min-h-[270px] flex flex-col justify-center gap-[5px] relative" ref={gridRef}>
             {grid.map((hours, dayIdx) => (
               <div key={dayIdx} className="flex items-center gap-1.5">
                 <span className="text-[11px] text-neutral-400 dark:text-neutral-500 w-7 flex-shrink-0 text-right leading-none">
@@ -154,7 +154,7 @@ export default function PeakHours({ siteId, dateRange }: PeakHoursProps) {
                       <div
                         key={`${animKey}-${dayIdx}-${hour}`}
                         className={[
-                          'flex-1 aspect-square rounded-[3px] border cursor-default transition-transform duration-100',
+                          'flex-1 h-7 rounded-[3px] border cursor-default transition-transform duration-100',
                           'border-neutral-200 dark:border-neutral-800',
                           isActive ? 'animate-cell-highlight' : '',
                           !isActive && isBestCell ? '' : '',