diff --git a/packages/ui/src/Radio.tsx b/packages/ui/src/Radio.tsx
index 95904b74d2e4..77ad331d19cd 100644
--- a/packages/ui/src/Radio.tsx
+++ b/packages/ui/src/Radio.tsx
@@ -10,12 +10,10 @@ interface RadioProps extends InputHTMLAttributes<HTMLInputElement> {
   heading: ReactNode;
 }
 
-export const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio({
-  className = '',
-  description,
-  heading,
-  ...rest
-}) {
+export const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(
+  { className = '', description, heading, ...rest },
+  ref
+) {
   const id = useId();
 
   return (
@@ -23,6 +21,7 @@ export const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio({
       <input
         className="text-brand-500 dark:text-brand-500 h-4 w-4 border focus:ring-0 focus:ring-offset-0"
         id={id}
+        ref={ref}
         type="radio"
         {...rest}
       />