From fb494c8880b4ce983c8aac11491392392f01611b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.com>
Date: Fri, 22 Sep 2023 08:46:19 +0200
Subject: [PATCH] TabsBar: Fix height so that it aligns with grid, and
 alignItems center  (#75230)

better fix
---
 packages/grafana-data/src/themes/createComponents.ts | 2 +-
 packages/grafana-ui/src/components/Tabs/TabsBar.tsx  | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/grafana-data/src/themes/createComponents.ts b/packages/grafana-data/src/themes/createComponents.ts
index 1273431458e..2bd7c1d78fb 100644
--- a/packages/grafana-data/src/themes/createComponents.ts
+++ b/packages/grafana-data/src/themes/createComponents.ts
@@ -96,7 +96,7 @@ export function createComponents(colors: ThemeColors, shadows: ThemeShadows): Th
       width: 57,
     },
     menuTabs: {
-      height: 41,
+      height: 42,
     },
     textHighlight: {
       text: colors.warning.contrastText,
diff --git a/packages/grafana-ui/src/components/Tabs/TabsBar.tsx b/packages/grafana-ui/src/components/Tabs/TabsBar.tsx
index 1195458d865..d886e924647 100644
--- a/packages/grafana-ui/src/components/Tabs/TabsBar.tsx
+++ b/packages/grafana-ui/src/components/Tabs/TabsBar.tsx
@@ -37,6 +37,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
     position: 'relative',
     display: 'flex',
     height: `${theme.components.menuTabs.height}px`,
+    alignItems: 'center',
   }),
 });