diff --git a/src/components/form-field/radio-box/radio-box.stories.tsx b/src/components/form-field/radio-box/radio-box.stories.tsx
index ce4203fe..d631dca8 100644
--- a/src/components/form-field/radio-box/radio-box.stories.tsx
+++ b/src/components/form-field/radio-box/radio-box.stories.tsx
@@ -18,7 +18,12 @@ const RadioBoxWithHooks = () => {
 
     return (
         <FormField>
-            <FormField.RadioBox id="value" value={value} onChange={setValue}>
+            <FormField.RadioBox
+                id="value"
+                value={value}
+                onChange={setValue}
+                className="flex flex-col gap-2"
+            >
                 <FormField.RadioBox.Option value="value_1">
                     <FeaturedTag>Recommended</FeaturedTag>
 
diff --git a/src/components/form-field/radio-box/radio-box.tsx b/src/components/form-field/radio-box/radio-box.tsx
index ac81b133..dcb753bf 100644
--- a/src/components/form-field/radio-box/radio-box.tsx
+++ b/src/components/form-field/radio-box/radio-box.tsx
@@ -7,11 +7,12 @@ export interface RadioBoxProps {
     children: React.ReactNode;
     value: string;
     onChange: (value: string) => void;
+    className?: string;
 }
 
-export const RadioBox = ({ id, value, children, onChange }: RadioBoxProps) => {
+export const RadioBox = ({ id, value, children, onChange, className }: RadioBoxProps) => {
     return (
-        <RadioGroup id={id} value={value} onChange={onChange} className="flex flex-col gap-2">
+        <RadioGroup id={id} value={value} onChange={onChange} className={className}>
             {children}
         </RadioGroup>
     );