TabsBar: Fix height so that it aligns with grid, and alignItems center (#75230)

better fix

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,

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',
   }),
 });