diff --git a/frontend/src/component/insights/components/LineChart/LineChartComponent.tsx b/frontend/src/component/insights/components/LineChart/LineChartComponent.tsx
index 4f62e77d82..11c4b5e115 100644
--- a/frontend/src/component/insights/components/LineChart/LineChartComponent.tsx
+++ b/frontend/src/component/insights/components/LineChart/LineChartComponent.tsx
@@ -69,7 +69,7 @@ const customHighlightPlugin = {
                 yAxis.bottom,
             );
             gradient.addColorStop(0, 'rgba(129, 122, 254, 0)');
-            gradient.addColorStop(1, 'rgba(129, 122, 254, 0.12)');
+            gradient.addColorStop(1, 'rgba(129, 122, 254, 0.20)');
             ctx.fillStyle = gradient;
             ctx.fillRect(
                 x - width / 2,
diff --git a/frontend/src/component/insights/componentsChart/CreationArchiveChart/CreationArchiveChart.tsx b/frontend/src/component/insights/componentsChart/CreationArchiveChart/CreationArchiveChart.tsx
index a326ad5547..729e9c083e 100644
--- a/frontend/src/component/insights/componentsChart/CreationArchiveChart/CreationArchiveChart.tsx
+++ b/frontend/src/component/insights/componentsChart/CreationArchiveChart/CreationArchiveChart.tsx
@@ -65,7 +65,7 @@ const customHighlightPlugin = {
                 yAxis.bottom,
             );
             gradient.addColorStop(0, 'rgba(129, 122, 254, 0)');
-            gradient.addColorStop(1, 'rgba(129, 122, 254, 0.12)');
+            gradient.addColorStop(1, 'rgba(129, 122, 254, 0.20)');
             ctx.fillStyle = gradient;
             ctx.fillRect(
                 x - width / 2,