diff --git a/addons/rose/addon/components/rose/form/checkbox/index.stories.mdx b/addons/rose/addon/components/rose/form/checkbox/index.stories.mdx
index 11405c643..39925964b 100644
--- a/addons/rose/addon/components/rose/form/checkbox/index.stories.mdx
+++ b/addons/rose/addon/components/rose/form/checkbox/index.stories.mdx
@@ -77,7 +77,7 @@ Renders a form input checkbox.
@checked={{false}}
@error={{false}}
@disabled={{false}}
- @inline={{true}}
+ @inline={{false}}
/>
```
@@ -92,7 +92,7 @@ Renders a form input checkbox.
@checked={{checked}}
@error={{error}}
@disabled={{disabled}}
- @inline={{true}}
+ @inline={{inline}}
/>
`,
context: {
@@ -121,6 +121,7 @@ Renders a form input checkbox.
checked: boolean('checked', false),
error: boolean('error', false),
disabled: boolean('disabled', false),
+ inline: boolean('inline', false)
}
}}
diff --git a/addons/rose/addon/components/rose/form/radio/radio/index.stories.mdx b/addons/rose/addon/components/rose/form/radio/radio/index.stories.mdx
index feb783d31..4d6a4153e 100644
--- a/addons/rose/addon/components/rose/form/radio/radio/index.stories.mdx
+++ b/addons/rose/addon/components/rose/form/radio/radio/index.stories.mdx
@@ -78,7 +78,7 @@ Renders a form radiofield.
@selectedValue={{selectedValue}}
@disabled={{disabled}}
@icon={{icon}}
- @inline={{true}}
+ @inline={{inline}}
/>
`,
context: {
@@ -118,6 +118,7 @@ Renders a form radiofield.
},
null
),
+ inline: boolean('inline', false)
}
}}
\ No newline at end of file
diff --git a/addons/rose/addon/styles/rose/components/form/_radio.scss b/addons/rose/addon/styles/rose/components/form/_radio.scss
index f248d0b7a..4ce25f95b 100644
--- a/addons/rose/addon/styles/rose/components/form/_radio.scss
+++ b/addons/rose/addon/styles/rose/components/form/_radio.scss
@@ -28,10 +28,6 @@ $data-svg-prefix: 'data:image/svg+xml;utf-8,';
margin-right: sizing.rems(s);
}
}
- .radio-group-inline {
- display: flex;
- margin-right: sizing.rems(s);
- }
@include type.type(m);
position: relative;
margin-bottom: sizing.rems(xs);