tweak style prop

Author: chaance

packages/react/radio-group/src/radio-group.tsx

@@ -304,7 +304,17 @@ const RadioGroupItem = React.forwardRef<RadioGroupItemElement, RadioGroupItemPro
         internal_do_not_use_render={({ isFormControl }: RadioContextValue) => (
           <>
             <RadioGroupItemTrigger {...triggerProps} {...radioScope} ref={forwardedRef} />
-            {isFormControl && <RadioBubbleInput {...radioScope} />}
+            {isFormControl && (
+              <RadioBubbleInput
+                {...radioScope}
+                style={{
+                  // We transform because the input is absolutely positioned but we have
+                  // rendered it **after** the button. This pulls it back to sit on top
+                  // of the button.
+                  transform: 'translateX(-100%)',
+                }}
+              />
+            )}
           </>
         )}
       />

packages/react/radio-group/src/radio.tsx

@@ -252,10 +252,6 @@ const RadioBubbleInput = React.forwardRef<HTMLInputElement, RadioBubbleInputProp
         style={{
           ...props.style,
           ...controlSize,
-          // We transform because the input is absolutely positioned but we have
-          // rendered it **after** the button. This pulls it back to sit on top
-          // of the button.
-          transform: 'translateX(-100%)',
           position: 'absolute',
           pointerEvents: 'none',
           opacity: 0,