[DataGrid] vertically center toolbar items

elastic · Oct 18, 2024 · cb09b19 · cb09b19
1 parent 4259443
commit cb09b19
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/packages/eui/src/components/datagrid/controls/data_grid_toolbar.styles.ts b/packages/eui/src/components/datagrid/controls/data_grid_toolbar.styles.ts
@@ -26,6 +26,7 @@ export const euiDataGridToolbarStyles = ({ euiTheme }: UseEuiTheme) => {
     euiDataGrid__rightControls: css`
       display: flex;
       justify-content: flex-end;
+      align-items: center;
       flex-wrap: wrap;
       column-gap: ${euiTheme.size.s};
       ${logicalCSS('padding-right', euiTheme.size.xs)}
@@ -38,6 +39,7 @@ export const euiDataGridToolbarStyles = ({ euiTheme }: UseEuiTheme) => {
     euiDataGrid__leftControls: css`
       display: flex;
       flex-wrap: wrap;
+      align-items: center;
       gap: ${euiTheme.size.xxs};
     `,
   };