From 4b9b5f49e6cd86190408a98339dc4cccc181e916 Mon Sep 17 00:00:00 2001
From: Josh Farrant <joshfarrant@github.com>
Date: Wed, 27 Nov 2024 09:52:36 +0000
Subject: [PATCH] reduce font-weight on FormControl labels within a
 ControlGroup

---
 packages/react/src/forms/ControlGroup/ControlGroup.tsx      | 2 +-
 packages/react/src/forms/FormControl/FormControl.module.css | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/forms/ControlGroup/ControlGroup.tsx b/packages/react/src/forms/ControlGroup/ControlGroup.tsx
index c59ef3e7a..16ba01743 100644
--- a/packages/react/src/forms/ControlGroup/ControlGroup.tsx
+++ b/packages/react/src/forms/ControlGroup/ControlGroup.tsx
@@ -44,7 +44,7 @@ const _ControlGroup = forwardRef<HTMLFieldSetElement, ControlGroupProps>(({class
     <ControlGroupContext.Provider value={{id: uniqueId}}>
       <fieldset
         ref={ref}
-        className={clsx(styles.ControlGroup__container, className)}
+        className={clsx('ControlGroup', styles.ControlGroup__container, className)}
         aria-describedby={describedBy}
         {...props}
       />
diff --git a/packages/react/src/forms/FormControl/FormControl.module.css b/packages/react/src/forms/FormControl/FormControl.module.css
index 60035ae38..044ee9626 100644
--- a/packages/react/src/forms/FormControl/FormControl.module.css
+++ b/packages/react/src/forms/FormControl/FormControl.module.css
@@ -60,6 +60,10 @@
   width: 100%;
 }
 
+:global(.ControlGroup) .FormControl-label {
+  font-weight: var(--base-text-weight-medium);
+}
+
 .FormControl-control--radio {
   margin: 2px 0 0;
 }