diff --git a/packages/grafana-ui/src/components/Forms/RadioButtonGroup/RadioButton.tsx b/packages/grafana-ui/src/components/Forms/RadioButtonGroup/RadioButton.tsx
index 3adca37a15d..83d8e0baad2 100644
--- a/packages/grafana-ui/src/components/Forms/RadioButtonGroup/RadioButton.tsx
+++ b/packages/grafana-ui/src/components/Forms/RadioButtonGroup/RadioButton.tsx
@@ -93,7 +93,7 @@ const getRadioButtonStyles = stylesFactory((theme: GrafanaTheme, size: RadioButt
       font-size: ${fontSize};
       height: ${theme.v2.spacing(height)};
       // Deduct border from line-height for perfect vertical centering on windows and linux
-      line-height: ${theme.v2.spacing.gridSize * height - 2}px;
+      line-height: ${theme.v2.spacing(height)};
       color: ${textColor};
       padding: ${theme.v2.spacing(0, padding)};
       border-radius: ${theme.v2.shape.borderRadius()};