From cb09b19e36ce5f71d65e012fc919f7cb0a2b86a7 Mon Sep 17 00:00:00 2001
From: Jan Monschke <jan.monschke@elastic.co>
Date: Fri, 18 Oct 2024 09:52:56 +0200
Subject: [PATCH] [DataGrid] vertically center toolbar items

---
 .../components/datagrid/controls/data_grid_toolbar.styles.ts    | 2 ++
 1 file changed, 2 insertions(+)

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
index 0271e0396d4..c3b7b09d602 100644
--- 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};
     `,
   };