[Security Solution] Visualisation actions button is overlap on to the…

… bar chart (elastic#145973)

## Summary

Original issue: Visualisation actions button is overlap on to the bar
chart.
elastic#128344

Before:
<img width="575" alt="Screenshot 2022-11-22 at 11 31 19"
src="https://user-images.githubusercontent.com/6295984/203304147-ff0ec823-182c-40bf-8da5-fa45180eae0a.png">

After:
<img width="765" alt="Screenshot 2022-11-22 at 11 30 39"
src="https://user-images.githubusercontent.com/6295984/203304150-5dae9a4a-341d-4717-abb1-f56aa20ba6bd.png">

x-pack/plugins/security_solution/public/common/components/charts/barchart.tsx

@@ -30,7 +30,7 @@ import {
   WrappedByAutoSizer,
   useTheme,
   Wrapper,
-  ChartWrapper,
+  BarChartWrapper,
 } from './common';
 import { DraggableLegend } from './draggable_legend';
 import type { LegendItem } from './draggable_legend_item';
@@ -209,7 +209,7 @@ export const BarChartComponent: React.FC<BarChartComponentProps> = ({
     <Wrapper>
       <HoverVisibilityContainer targetClassNames={[HISTOGRAM_ACTIONS_BUTTON_CLASS]}>
         {isValidSeriesExist && barChart && (
-          <ChartWrapper gutterSize="none">
+          <BarChartWrapper gutterSize="none">
             <EuiFlexItem grow={true}>
               <WrappedByAutoSizer ref={measureRef} height={chartHeight}>
                 <BarChartBase
@@ -226,7 +226,7 @@ export const BarChartComponent: React.FC<BarChartComponentProps> = ({
             <LegendFlexItem grow={false}>
               <DraggableLegend legendItems={legendItems} height={height} />
             </LegendFlexItem>
-          </ChartWrapper>
+          </BarChartWrapper>
         )}
         {!isValidSeriesExist && (
           <ChartPlaceHolder height={chartHeight} width={chartWidth} data={barChart} />

x-pack/plugins/security_solution/public/common/components/charts/common.tsx

@@ -154,3 +154,8 @@ export const Wrapper = styled.div`
 export const ChartWrapper = styled(EuiFlexGroup)`
   z-index: 0;
 `;
+
+export const BarChartWrapper = styled(EuiFlexGroup)`
+  z-index: 0;
+  padding-right: 20px;
+`;