styling (#93663) (#93708)

elastic · Mar 5, 2021 · ca38a31 · ca38a31
1 parent 4662e72
commit ca38a31
Showing 1 changed file with 11 additions and 15 deletions.
diff --git a/x-pack/plugins/security_solution/public/common/components/charts/areachart.tsx b/x-pack/plugins/security_solution/public/common/components/charts/areachart.tsx
@@ -62,6 +62,15 @@ const checkIfAnyValidSeriesExist = (
 ): data is ChartSeriesData[] =>
   Array.isArray(data) && data.some(checkIfAllTheDataInTheSeriesAreValid);
 
+const axisStyle = {
+  tickLine: {
+    visible: false,
+  },
+  tickLabel: {
+    padding: 3,
+  },
+};
+
 // https://ela.st/multi-areaseries
 export const AreaChartBaseComponent = ({
   data,
@@ -111,23 +120,10 @@ export const AreaChartBaseComponent = ({
           position={Position.Bottom}
           showOverlappingTicks={false}
           tickFormat={xTickFormatter}
-          style={{
-            tickLine: {
-              visible: false,
-            },
-          }}
+          style={axisStyle}
         />
 
-        <Axis
-          id={yAxisId}
-          position={Position.Left}
-          style={{
-            tickLine: {
-              visible: false,
-            },
-          }}
-          tickFormat={yTickFormatter}
-        />
+        <Axis id={yAxisId} position={Position.Left} style={axisStyle} tickFormat={yTickFormatter} />
       </Chart>
     </div>
   ) : null;