From 921acf4892bfd8d262189404478e85d3096c1c21 Mon Sep 17 00:00:00 2001
From: tejaswiverma <tejaswiverma121@gmail.com>
Date: Thu, 23 Apr 2026 17:06:21 +0530
Subject: [PATCH 1/2] changes done

---
 frontend/src/components/benchmarks/TrendChart.jsx | 15 ++++++++++++---
 frontend/src/pages/research/BenchmarksPage.scss   |  6 +++---
 package-lock.json                                 |  1 -
 3 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/benchmarks/TrendChart.jsx b/frontend/src/components/benchmarks/TrendChart.jsx
index f994bbc6..23a7d86e 100644
--- a/frontend/src/components/benchmarks/TrendChart.jsx
+++ b/frontend/src/components/benchmarks/TrendChart.jsx
@@ -36,21 +36,30 @@ const TrendChart = ({ data, dataKey, title, color = "#22c55e", height = 350, the
   };
 
   return (
-    <div className="trend-chart" style={{ width: '100%', height }}>
+    <div className="trend-chart" style={{ width: '100%', height, display: 'flex', flexDirection: 'column', minWidth: 0 }}>
       <h4 className="trend-chart__title" style={{ 
         fontSize: '0.9375rem', 
         fontWeight: 600, 
-        marginBottom: '1rem'
+        marginBottom: '1rem',
+        flexShrink: 0
       }}>
         {title}
       </h4>
-      <ResponsiveContainer width="100%" height="100%">
+      <ResponsiveContainer width="100%" height="100%" minWidth={0}>
         <LineChart data={formattedData} margin={{ top: 5, right: 30, left: 20, bottom: 5 }}>
           <CartesianGrid strokeDasharray="3 3" stroke="var(--theme-border-subtle)" />
           <XAxis 
             dataKey="date" 
             stroke="var(--theme-text-subtle)"
             style={{ fontSize: '0.75rem' }}
+            interval="preserveEnd"
+            minTickGap={20}
+            angle={-35}
+            textAnchor="end"
+            dx={-5}
+            dy={10}
+            height={60}
+            tickLine={false}
           />
           <YAxis 
             stroke="var(--theme-text-subtle)"
diff --git a/frontend/src/pages/research/BenchmarksPage.scss b/frontend/src/pages/research/BenchmarksPage.scss
index 4f6e998a..aff7797e 100644
--- a/frontend/src/pages/research/BenchmarksPage.scss
+++ b/frontend/src/pages/research/BenchmarksPage.scss
@@ -261,15 +261,14 @@
   line-height: 1.5;
 }
 
-/* Charts */
 .charts-grid {
   display: grid;
-  grid-template-columns: repeat(2, 1fr);
+  grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 1.5rem;
   margin-bottom: 1.5rem;
 
   @media (max-width: 968px) {
-    grid-template-columns: 1fr;
+    grid-template-columns: minmax(0, 1fr);
   }
 }
 
@@ -296,6 +295,7 @@
   border-radius: 16px;
   padding: 1.5rem;
   transition: all 0.3s ease;
+  min-width: 0;
 
   .trend-chart__title {
     color: var(--extensionshield-text-primary, #f8fafc);
diff --git a/package-lock.json b/package-lock.json
index bd5d59e9..65f5c4fd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4,7 +4,6 @@
   "requires": true,
   "packages": {
     "": {
-      "name": "ExtensionShield",
       "devDependencies": {
         "dotenv": "^16.4.5",
         "resend": "^4.0.0",

From ff1a04e0b38495b0e42a6162e7b12bbac4bd6845 Mon Sep 17 00:00:00 2001
From: tejaswiverma <tejaswiverma121@gmail.com>
Date: Thu, 23 Apr 2026 18:16:22 +0530
Subject: [PATCH 2/2] changes

---
 package-lock.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/package-lock.json b/package-lock.json
index 65f5c4fd..bd5d59e9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4,6 +4,7 @@
   "requires": true,
   "packages": {
     "": {
+      "name": "ExtensionShield",
       "devDependencies": {
         "dotenv": "^16.4.5",
         "resend": "^4.0.0",