From b2f9a3a222b0783fe52b8613d863bca16ab983ff Mon Sep 17 00:00:00 2001
From: RoxanaAnamariaTurc
 <106086831+RoxanaAnamariaTurc@users.noreply.github.com>
Date: Thu, 22 Jun 2023 10:59:16 +0100
Subject: [PATCH] GrafanaUI: Update RadioButtonDot to use new radius tokens
 (#70494)

---
 .../src/components/Forms/RadioButtonList/RadioButtonDot.tsx     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/grafana-ui/src/components/Forms/RadioButtonList/RadioButtonDot.tsx b/packages/grafana-ui/src/components/Forms/RadioButtonList/RadioButtonDot.tsx
index 5b594812f0d..86ef8f53cf3 100644
--- a/packages/grafana-ui/src/components/Forms/RadioButtonList/RadioButtonDot.tsx
+++ b/packages/grafana-ui/src/components/Forms/RadioButtonList/RadioButtonDot.tsx
@@ -44,7 +44,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
     width: ${theme.spacing(2)} !important; /* TODO How to overcome this? Checkbox does the same 🙁 */
     height: ${theme.spacing(2)};
     border: 1px solid ${theme.colors.border.medium};
-    border-radius: 50%;
+    border-radius: ${theme.shape.radius.circle};
     margin: 3px 0; /* Space for box-shadow when focused */
 
     :checked {