Tabbar updateHEADmaster

1 files changed, 6 insertions, 2 deletions

diff --git a/src/objects/_tabbar.scss b/src/objects/_tabbar.scss
index eee38e9..631c5c8 100644
--- a/src/objects/_tabbar.scss
+++ b/src/objects/_tabbar.scss
@@ -27,7 +27,6 @@
                 @include bem.elem('tabs') {
                         display:         flex;
                         block-size:      100%;
-                        margin-inline:   calc(-.5 * props.get(vars.$spacing));
                         overflow-inline: auto;
                 }
 
@@ -38,12 +37,13 @@
                 @include bem.modifier('adapt') {
                         block-size: 100%;
                 }
-
+                
                 @include bem.elem('tab') {
                         position:       relative;
                         display:        flex;
                         align-items:    center;
                         padding-inline: calc(.5 * props.get(vars.$spacing));
+                        margin-inline:  calc(-.5 * props.get(vars.$spacing));
                         color:          props.get(vars.$tab--text-color);
                         white-space:    nowrap;
 
@@ -89,6 +89,10 @@
                                 }
                         }
 
+                        @include bem.next-twin-elem {
+                                margin-inline-start: calc(.5 * props.get(vars.$spacing));
+                        }
+
                         @include bem.is('selected') {
                                 color: props.get(vars.$tab--selected--text-color);