Update

1 files changed, 10 insertions, 11 deletions

diff --git a/src/objects/_tabbar.scss b/src/objects/_tabbar.scss
index b1cdcb9..e0dbcb0 100644
--- a/src/objects/_tabbar.scss
+++ b/src/objects/_tabbar.scss
@@ -18,11 +18,9 @@
         box-shadow:      0 calc(-1 * props.get(vars.$indicator--width)) 0 0 props.get(vars.$railing--bg-color) inset;
 
         @include bem.elem('tabs') {
-            display:              flex;
-            gap:                  props.get(vars.$spacing);
-            block-size:           100%;
-            padding-inline-start: calc(.5 * props.get(vars.$spacing));
-            margin-inline-start:  calc(-.5 * props.get(vars.$spacing));
+            display:       flex;
+            block-size:    100%;
+            margin-inline: calc(-.5 * props.get(vars.$spacing));
 
             &::after {
                 display:     block;
@@ -40,12 +38,13 @@
         }
 
         @include bem.elem('tab') {
-            position:      relative;
-            display:       flex;
-            align-items:   center;
-            color:         props.get(vars.$tab--text-color);
-            white-space:   nowrap;
-            border-block:  props.get(vars.$indicator--width) solid transparent;
+            position:       relative;
+            display:        flex;
+            align-items:    center;
+            padding-inline: calc(.5 * props.get(vars.$spacing));
+            color:          props.get(vars.$tab--text-color);
+            white-space:    nowrap;
+            border-block:   props.get(vars.$indicator--width) solid transparent;
 
             &::before {
                 position:          absolute;