diff --git a/projects/kit/components/tabs/tab/tab.style.less b/projects/kit/components/tabs/tab/tab.style.less index 5725f3b6bf60..b4af6fb66856 100644 --- a/projects/kit/components/tabs/tab/tab.style.less +++ b/projects/kit/components/tabs/tab/tab.style.less @@ -6,11 +6,16 @@ :host-context(tui-tabs >):first-child, :host-context([tuiTabs] >):first-child, -:host-context(tui-tabs > :first-child), -:host-context([tuiTabs] > :first-child) { +:host-context(tui-tabs > :not(.t-overflown) >):first-child, +:host-context([tuiTabs] > :not(.t-overflown) >):first-child { margin-left: 0; } +:host-context([tuiTabs] > [tuiTab] ~ :not(.t-overflown) >):first-child, +:host-context(tui-tabs > [tuiTab] ~ :not(.t-overflown) >):first-child { + margin-left: var(--tui-tab-margin, 1.5rem); +} + :host { .transition(~'color, box-shadow, opacity, background'); .clearbtn();