diff --git a/frontend/packages/core/components/ScatterChart.tsx b/frontend/packages/core/components/ScatterChart.tsx
index 13aa5b4c4c721cab1173d0637f79e00579a3723f..dd09e8e2c4f640ef5340fc213830c0232bb2884b 100644
--- a/frontend/packages/core/components/ScatterChart.tsx
+++ b/frontend/packages/core/components/ScatterChart.tsx
@@ -1,5 +1,5 @@
 import React, {FunctionComponent, useEffect, useMemo} from 'react';
-import {WithStyled, position, primaryColor, size} from '~/utils/style';
+import {WithStyled, backgroundColor, position, primaryColor, size} from '~/utils/style';
 
 import GridLoader from 'react-spinners/GridLoader';
 import styled from 'styled-components';
@@ -7,6 +7,7 @@ import useECharts from '~/hooks/useECharts';
 
 const Wrapper = styled.div`
     position: relative;
+    background-color: ${backgroundColor};
 
     > .echarts {
         height: 100%;