[APM] Bug: Service overview - Sparkline loading state icons has chang…

…ed (#91884) * adjusting icon size * Updating color
elastic · Feb 19, 2021 · 99a60ca · 99a60ca
1 parent d6984ca
commit 99a60ca
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/x-pack/plugins/apm/public/components/shared/charts/spark_plot/index.tsx b/x-pack/plugins/apm/public/components/shared/charts/spark_plot/index.tsx
@@ -68,7 +68,16 @@ export function SparkPlot({
     <EuiFlexGroup gutterSize="m" responsive={false}>
       <EuiFlexItem grow={false}>
         {!series || series.every((point) => point.y === null) ? (
-          <EuiIcon type="visLine" color="subdued" style={chartSize} />
+          <div
+            style={{
+              ...chartSize,
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+            }}
+          >
+            <EuiIcon type="visLine" color={theme.eui.euiColorMediumShade} />
+          </div>
         ) : (
           <Chart size={chartSize}>
             <Settings