diff --git a/src/components/ChartKit.scss b/src/components/ChartKit.scss
index b1ec4e45..abab725f 100644
--- a/src/components/ChartKit.scss
+++ b/src/components/ChartKit.scss
@@ -11,7 +11,7 @@
     --highcarts-navigator-border: var(--yc-color-line-generic);
     --highcarts-navigator-track: var(--yc-color-base-generic);
     --highcarts-navigator-body: var(--yc-color-scroll-handle);
-    --highcharts-chart-background: var(--yc-color-base-background);
+    --highcharts-series-border: var(--yc-color-base-background);
     --highcharts-grid-line: var(--yc-color-line-generic);
     --highcharts-axis-line: var(--yc-color-line-generic);
     --highcharts-tick: var(--yc-color-line-generic);
diff --git a/src/plugins/highcharts/renderer/helpers/config/options.js b/src/plugins/highcharts/renderer/helpers/config/options.js
index 32f3a641..b8a947f3 100644
--- a/src/plugins/highcharts/renderer/helpers/config/options.js
+++ b/src/plugins/highcharts/renderer/helpers/config/options.js
@@ -116,7 +116,7 @@ const statesForLine = {
 const options = {
     chart: {
         zoomType: 'xy',
-        backgroundColor: 'var(--highcharts-chart-background)',
+        backgroundColor: 'transparent',
         className: 'chartkit-highcharts',
     },
     title: {
@@ -186,7 +186,7 @@ const options = {
     },
     plotOptions: {
         series: {
-            borderColor: 'var(--highcharts-chart-background)',
+            borderColor: 'var(--highcharts-series-border)',
             label: {
                 enabled: false,
             },