diff --git a/client/web/admin/src/views/Dashboard.vue b/client/web/admin/src/views/Dashboard.vue
index 4ea732e52..a60c3578b 100644
--- a/client/web/admin/src/views/Dashboard.vue
+++ b/client/web/admin/src/views/Dashboard.vue
@@ -346,7 +346,7 @@ export default {
           },
           splitLine: {
             lineStyle: {
-              color: [themeVariables['secondary']],
+              color: [themeVariables['extra-light']],
             },
           },
         },
diff --git a/lib/js/src/compose/types/chart/chart.ts b/lib/js/src/compose/types/chart/chart.ts
index 5aa7ec99d..abcede0d3 100644
--- a/lib/js/src/compose/types/chart/chart.ts
+++ b/lib/js/src/compose/types/chart/chart.ts
@@ -115,7 +115,7 @@ export default class Chart extends BaseChart {
           },
           splitLine: {
             lineStyle: {
-              color: [themeVariables['secondary']],
+              color: [themeVariables['extra-light']],
             },
           },
           nameTextStyle: {
diff --git a/lib/js/src/reporter/types/display-elements/chart/basic.ts b/lib/js/src/reporter/types/display-elements/chart/basic.ts
index de7f2ac86..b28d003a4 100644
--- a/lib/js/src/reporter/types/display-elements/chart/basic.ts
+++ b/lib/js/src/reporter/types/display-elements/chart/basic.ts
@@ -150,7 +150,7 @@ export class BasicChartOptions extends ChartOptions {
         },
         splitLine: {
           lineStyle: {
-            color: [themeVariables['secondary']],
+            color: [themeVariables['extra-light']],
           },
         },
         nameTextStyle: {