Fix tabs

1 files changed, 4 insertions, 2 deletions

diff --git a/src/objects/_tabs.scss b/src/objects/_tabs.scss
index 25894d5..30154f9 100644
--- a/src/objects/_tabs.scss
+++ b/src/objects/_tabs.scss
@@ -12,8 +12,9 @@
     @include materialize-at-root(meta.module-variables('vars'));
 
     @include bem.object('tabs') {
-        display: flex;
-        gap:     props.get(vars.$spacing);
+        display:         flex;
+        gap:             props.get(vars.$spacing);
+        overflow-inline: auto;
 
         @include bem.elem('tab') {
             position:       relative;
@@ -22,6 +23,7 @@
             padding-inline: props.get(vars.$tab--pad-i);
             margin-inline:  calc(-1 * props.get(vars.$tab--pad-i));
             color:          props.get(vars.$tab--text-color);
+            white-space:    nowrap;
 
             &::before,
             &::after {