From ac6a5254a0302e9fb31ed39f3c35d9b90f31fcc5 Mon Sep 17 00:00:00 2001
From: BANSAL-NISHU <bansalnishu418@gmail.com>
Date: Tue, 19 Sep 2023 16:36:13 +0530
Subject: [PATCH] Resolved inconsistent label styling issue (#1284)

---
 src/radio/src/RadioGroup.js | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/radio/src/RadioGroup.js b/src/radio/src/RadioGroup.js
index 870469908..21b62bbb7 100644
--- a/src/radio/src/RadioGroup.js
+++ b/src/radio/src/RadioGroup.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
 import { spacing, position, layout, dimensions } from 'ui-box'
 import { useId } from '../../hooks'
 import { Pane } from '../../layers'
-import { Text } from '../../typography'
+import { Label } from '../../typography'
 import Radio from './Radio'
 
 const noop = () => {}
@@ -32,11 +32,7 @@ const RadioGroup = memo(
 
     return (
       <Pane role="group" aria-label={label} {...rest} ref={ref}>
-        {label && (
-          <Text color="muted" fontWeight={500}>
-            {label}
-          </Text>
-        )}
+        {label && <Label fontWeight={500}>{label}</Label>}
         {options.map(item => (
           <Radio
             key={item.value}