diff --git a/frontend/src/components/benchmarks/TrendChart.jsx b/frontend/src/components/benchmarks/TrendChart.jsx
index f994bbc..23a7d86 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 4f6e998..aff7797 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);