From 5d706705eae40b94191b4937a5cafc23d1efe615 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Torkel=20=C3=96degaard?= Date: Fri, 27 Oct 2023 11:35:06 +0200 Subject: [PATCH] RadioButtonGroup: Fixes icon alignment (#77196) --- .../src/components/Forms/RadioButtonGroup/RadioButton.tsx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/packages/grafana-ui/src/components/Forms/RadioButtonGroup/RadioButton.tsx b/packages/grafana-ui/src/components/Forms/RadioButtonGroup/RadioButton.tsx index 8a9b7a1998f..9eb267e637f 100644 --- a/packages/grafana-ui/src/components/Forms/RadioButtonGroup/RadioButton.tsx +++ b/packages/grafana-ui/src/components/Forms/RadioButtonGroup/RadioButton.tsx @@ -108,6 +108,8 @@ const getRadioButtonStyles = stylesFactory((theme: GrafanaTheme2, size: RadioBut }, }), radioLabel: css({ + display: 'flex', + alignItems: 'center', fontSize, height: `${labelHeight}px`, // Deduct border from line-height for perfect vertical centering on windows and linux