From 0754cb0e4f1292a1f7a7bc6ce2382fd4327ed602 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Wed, 11 Mar 2026 22:52:14 +0100
Subject: [PATCH] fix: align Goals & Events and Scroll Depth block height with
 other dashboard blocks

---
 components/dashboard/GoalStats.tsx   |  4 ++--
 components/dashboard/ScrollDepth.tsx | 10 +++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/components/dashboard/GoalStats.tsx b/components/dashboard/GoalStats.tsx
index ebbc9a5..8874081 100644
--- a/components/dashboard/GoalStats.tsx
+++ b/components/dashboard/GoalStats.tsx
@@ -27,7 +27,7 @@ export default function GoalStats({ goalCounts, onSelectEvent }: GoalStatsProps)
       </div>
 
       {hasData ? (
-        <div className="flex-1 min-h-[200px]">
+        <div className="flex-1 min-h-[270px]">
           {list.map((row) => (
             <div
               key={row.event_name}
@@ -54,7 +54,7 @@ export default function GoalStats({ goalCounts, onSelectEvent }: GoalStatsProps)
           ))}
         </div>
       ) : (
-        <div className="flex-1 min-h-[200px] flex flex-col items-center justify-center text-center px-6 py-8 gap-4">
+        <div className="flex-1 min-h-[270px] flex flex-col items-center justify-center text-center px-6 py-8 gap-4">
           <div className="rounded-full bg-neutral-100 dark:bg-neutral-800 p-4">
             <BookOpenIcon className="w-8 h-8 text-neutral-500 dark:text-neutral-400" />
           </div>
diff --git a/components/dashboard/ScrollDepth.tsx b/components/dashboard/ScrollDepth.tsx
index 4258243..e66b993 100644
--- a/components/dashboard/ScrollDepth.tsx
+++ b/components/dashboard/ScrollDepth.tsx
@@ -39,12 +39,12 @@ export default function ScrollDepth({ goalCounts, totalPageviews }: ScrollDepthP
       </p>
 
       {hasData ? (
-        <div className="flex-1 min-h-[200px] flex items-center justify-center">
+        <div className="flex-1 min-h-[270px] flex items-center justify-center">
           <RadarChart
-            width={420}
-            height={380}
+            width={320}
+            height={260}
             data={chartData}
-            margin={{ top: 20, right: 40, bottom: 20, left: 40 }}
+            margin={{ top: 16, right: 32, bottom: 16, left: 32 }}
           >
             <PolarGrid stroke="#404040" />
             <PolarAngleAxis
@@ -72,7 +72,7 @@ export default function ScrollDepth({ goalCounts, totalPageviews }: ScrollDepthP
           </RadarChart>
         </div>
       ) : (
-        <div className="flex-1 min-h-[200px] flex flex-col items-center justify-center text-center px-6 py-8 gap-4">
+        <div className="flex-1 min-h-[270px] flex flex-col items-center justify-center text-center px-6 py-8 gap-4">
           <div className="rounded-full bg-neutral-100 dark:bg-neutral-800 p-4">
             <BarChartIcon className="w-8 h-8 text-neutral-500 dark:text-neutral-400" />
           </div>