5 files changed, 7 insertions, 1 deletions

diff --git a/src/_iro-design.scss b/src/_iro-design.scss
index 2010a2d..04857e3 100644
--- a/src/_iro-design.scss
+++ b/src/_iro-design.scss
@@ -23,6 +23,7 @@ $breakpoints: (
 @forward 'config' as config--*;
 @forward 'props' as props--*;
 @forward 'core' as core--*;
+@forward 'layers' as layers--*;
 
 @forward 'layouts/button-group' as l-button-group--*;
 @forward 'layouts/card-list' as l-card-list--*;
diff --git a/src/_layers.scss b/src/_layers.scss
new file mode 100644
index 0000000..cc3bb50
--- /dev/null
+++ b/src/_layers.scss
@@ -0,0 +1,3 @@
+@mixin styles {
+    @layer scope, theme, object, layout, component, utility;
+}
diff --git a/src/objects/_card.scss b/src/objects/_card.scss
index 6628eab..ff95526 100644
--- a/src/objects/_card.scss
+++ b/src/objects/_card.scss
@@ -14,7 +14,7 @@
         position:         relative;
         display:          flex;
         flex-direction:   column;
-        margin-inline:    calc(-1 * props.get(vars.$key-focus--border-width));
+        margin:           calc(-1 * props.get(vars.$key-focus--border-width));
         background-color: props.get(vars.$bg-color);
         background-clip:  content-box;
         border:           props.get(vars.$key-focus--border-offset) solid transparent;
diff --git a/src/objects/_tabbar.scss b/src/objects/_tabbar.scss
index aaa6f07..131c832 100644
--- a/src/objects/_tabbar.scss
+++ b/src/objects/_tabbar.scss
@@ -14,6 +14,7 @@
     @include bem.object('tabbar') {
         min-inline-size: 0;
         block-size:      props.get(vars.$block-size);
+        overflow:        hidden;
 
         &::after {
             display:            block;
diff --git a/src_demo/index.scss b/src_demo/index.scss
index 701f638..85d1918 100644
--- a/src_demo/index.scss
+++ b/src_demo/index.scss
@@ -1,5 +1,6 @@
 @use '../src/iro-design' as iro;
 
+@include iro.layers--styles;
 @include iro.core--styles;
 
 @include iro.s-implicit--styles;