diff --git a/styles/10-components-interactive-elements.css b/styles/10-components-interactive-elements.css index c4b8764..f518b68 100644 --- a/styles/10-components-interactive-elements.css +++ b/styles/10-components-interactive-elements.css @@ -159,16 +159,16 @@ padding-inline: var(--layout-tab-navigation-large-padding-inline); } - .sg-tab-button[aria-selected="true"] { - background: var(--surface-tab-selected); - color: var(--text-tab-selected); - } - - .sg-tab-button[aria-selected="false"] { + .sg-tab-button-group[data-component="tab-navigation"][data-component-size="large"] .sg-tab-button[aria-selected="true"] { background: var(--surface-tab-unselected); color: var(--text-tab-unselected); } + .sg-tab-button-group[data-component="tab-navigation"][data-component-size="large"] .sg-tab-button[aria-selected="false"] { + background: var(--surface-tab-selected); + color: var(--text-tab-selected); + } + .sg-tab-button-group[data-component-size="compact"] .sg-tab-button[aria-selected="false"] { background: var(--surface-tab-compact-unselected); color: var(--text-control-default);