diff --git a/packages/web-components/fast-components/src/radio-group/radio-group.styles.ts b/packages/web-components/fast-components/src/radio-group/radio-group.styles.ts index 0f599f0995d..6c4056458ea 100644 --- a/packages/web-components/fast-components/src/radio-group/radio-group.styles.ts +++ b/packages/web-components/fast-components/src/radio-group/radio-group.styles.ts @@ -11,10 +11,10 @@ export const RadioGroupStyles = css` display: flex; flex-wrap: wrap; } - [orientation="vertical"] { + :host([orientation="vertical"]) .positioning-region { flex-direction: column; } - [orientation="horizontal"] { + :host([orientation="horizontal"]) .positioning-region { flex-direction: row; } `;