1 files changed, 13 insertions, 5 deletions

diff --git a/src/objects/_tabbar.scss b/src/objects/_tabbar.scss
index f3fe603..9b6a0ef 100644
--- a/src/objects/_tabbar.scss
+++ b/src/objects/_tabbar.scss
@@ -14,13 +14,21 @@
     @include bem.object('tabbar') {
         min-inline-size: 0;
         block-size:      props.get(vars.$block-size);
-        overflow-inline: auto;
-        box-shadow:      0 calc(-1 * props.get(vars.$indicator--width)) 0 0 props.get(vars.$railing--bg-color) inset;
+
+        &::after {
+            display:            block;
+            inline-size:        100%;
+            block-size:         props.get(vars.$indicator--width);
+            margin-block-start: calc(-1 * props.get(vars.$indicator--width));
+            content:            '';
+            background-color:   props.get(vars.$railing--bg-color);
+        }
 
         @include bem.elem('tabs') {
-            display:             flex;
-            block-size:          100%;
-            margin-inline-start: calc(-.5 * props.get(vars.$spacing));
+            display:         flex;
+            block-size:      100%;
+            margin-inline:   calc(-.5 * props.get(vars.$spacing));
+            overflow-inline: auto;
         }
 
         @include bem.modifier('quiet') {