From 1ba6bf6a841401ce4a49154942f13075ed004e24 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Wed, 11 Mar 2026 22:49:54 +0100
Subject: [PATCH] fix: add subtitle to scroll depth radar chart

---
 components/dashboard/ScrollDepth.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/dashboard/ScrollDepth.tsx b/components/dashboard/ScrollDepth.tsx
index 8c084d9..4258243 100644
--- a/components/dashboard/ScrollDepth.tsx
+++ b/components/dashboard/ScrollDepth.tsx
@@ -29,11 +29,14 @@ export default function ScrollDepth({ goalCounts, totalPageviews }: ScrollDepthP
 
   return (
     <div className="bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 rounded-2xl p-6 h-full flex flex-col">
-      <div className="flex items-center justify-between mb-4">
+      <div className="flex items-center justify-between mb-1">
         <h3 className="text-lg font-semibold text-neutral-900 dark:text-white">
           Scroll Depth
         </h3>
       </div>
+      <p className="text-sm text-neutral-500 dark:text-neutral-400 mb-4">
+        % of visitors who scrolled this far
+      </p>
 
       {hasData ? (
         <div className="flex-1 min-h-[200px] flex items-center justify-center">