From d02d8429e292002c9250f7df9c417a0bf3323af4 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Mon, 23 Mar 2026 11:26:18 +0100
Subject: [PATCH] fix(pagespeed): contain visx chart within card bounds

---
 app/sites/[id]/pagespeed/page.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/sites/[id]/pagespeed/page.tsx b/app/sites/[id]/pagespeed/page.tsx
index 3a22b43..ab0d09f 100644
--- a/app/sites/[id]/pagespeed/page.tsx
+++ b/app/sites/[id]/pagespeed/page.tsx
@@ -432,15 +432,15 @@ export default function PageSpeedPage() {
 
       {/* Section 3 — Score Trend Chart (visx) */}
       {chartData.length >= 2 && (
-        <div className="bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 rounded-2xl p-6 sm:p-8 mb-6">
+        <div className="bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 rounded-2xl p-6 sm:p-8 mb-6 overflow-hidden">
           <h3 className="text-xs font-semibold text-neutral-500 dark:text-neutral-400 uppercase tracking-wider mb-4">
             Performance Score Trend
           </h3>
-          <div className="h-40">
+          <div>
             <VisxAreaChart
               data={chartData as Record<string, unknown>[]}
               xDataKey="dateObj"
-              aspectRatio="3 / 1"
+              aspectRatio="4 / 1"
               margin={{ top: 10, right: 10, bottom: 30, left: 40 }}
             >
               <VisxGrid horizontal vertical={false} stroke="var(--chart-grid)" strokeDasharray="4,4" />