From 05ea405bf61b02eec1e72da8f3442c86a7f8e002 Mon Sep 17 00:00:00 2001
From: Jaanus Sellin <sellinjaanus@gmail.com>
Date: Fri, 15 Aug 2025 15:23:25 +0300
Subject: [PATCH] chore: update ux styling for lifecycle charts (#10497)

<img width="1442" height="492" alt="image"
src="https://github.com/user-attachments/assets/4ec76d72-3bfb-4525-ac63-c3e995f7638b"
/>
---
 .../CreationArchiveChart/CreationArchiveChart.tsx        | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/src/component/insights/componentsChart/CreationArchiveChart/CreationArchiveChart.tsx b/frontend/src/component/insights/componentsChart/CreationArchiveChart/CreationArchiveChart.tsx
index 487b64484f..6b18985f56 100644
--- a/frontend/src/component/insights/componentsChart/CreationArchiveChart/CreationArchiveChart.tsx
+++ b/frontend/src/component/insights/componentsChart/CreationArchiveChart/CreationArchiveChart.tsx
@@ -147,8 +147,8 @@ export const CreationArchiveChart: FC<ICreationArchiveChartProps> = ({
                 {
                     label: 'Archived flags',
                     data: weeks,
-                    backgroundColor: theme.palette.background.application,
-                    borderColor: theme.palette.background.application,
+                    backgroundColor: theme.palette.neutral.border,
+                    borderColor: theme.palette.neutral.border,
                     parsing: { yAxisKey: 'archivedFlags', xAxisKey: 'date' },
                     order: 2,
                 },
@@ -238,11 +238,14 @@ export const CreationArchiveChart: FC<ICreationArchiveChartProps> = ({
                     scales: {
                         x: {
                             type: 'time',
-                            display: false,
+                            display: true,
                             time: {
                                 unit: 'week',
                                 tooltipFormat: 'PPP',
                             },
+                            grid: {
+                                display: false,
+                            },
                         },
                         y: {
                             type: 'linear',