left align filters

elastic · Dec 9, 2024 · 6d0db09 · 6d0db09
1 parent a95a5a3
commit 6d0db09
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/x-pack/plugins/data_usage/public/app/components/filters/charts_filters.tsx b/x-pack/plugins/data_usage/public/app/components/filters/charts_filters.tsx
@@ -61,12 +61,11 @@ export const ChartFilters = memo<ChartFiltersProps>(
     const onClickRefreshButton = useCallback(() => onClick(), [onClick]);
 
     return (
-      <EuiFlexGroup responsive gutterSize="m" alignItems="center" justifyContent="flexEnd">
-        <EuiFlexItem grow={2} />
+      <EuiFlexGroup responsive gutterSize="m" justifyContent="flexStart">
         <EuiFlexItem grow={1}>
           <EuiFilterGroup>{filters}</EuiFilterGroup>
         </EuiFlexItem>
-        <EuiFlexItem grow={2}>
+        <EuiFlexItem grow={1}>
           <UsageMetricsDateRangePicker
             dateRangePickerState={dateRangePickerState}
             isDataLoading={isDataLoading}
@@ -85,6 +84,7 @@ export const ChartFilters = memo<ChartFiltersProps>(
             onClick={onClickRefreshButton}
           />
         </EuiFlexItem>
+        <EuiFlexItem grow={2} />
       </EuiFlexGroup>
     );
   }