fix(tabstrip): tab alignment not working

#2957
telerik · Nov 23, 2021 · d60b4f6 · d60b4f6
1 parent f14d867
commit d60b4f6
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/packages/default/scss/tabstrip/_layout.scss b/packages/default/scss/tabstrip/_layout.scss
@@ -155,6 +155,10 @@
             border-bottom-width: $tabstrip-border-width;
             margin-bottom: -$tabstrip-content-border-width;
 
+            > .k-tabstrip-items {
+                width: 100%;
+            }
+
             .k-item {
                 @include border-top-radius( $tabstrip-item-border-radius );
                 margin-bottom: -$tabstrip-border-width;
@@ -180,6 +184,10 @@
             border-top-width: $tabstrip-border-width;
             margin-top: -$tabstrip-content-border-width;
 
+            > .k-tabstrip-items {
+                width: 100%;
+            }
+
             .k-item {
                 @include border-bottom-radius( $tabstrip-item-border-radius );
                 margin-top: -$tabstrip-border-width;
@@ -208,6 +216,7 @@
             margin-right: -$tabstrip-content-border-width;
 
             > .k-tabstrip-items {
+                height: 100%;
                 display: inline-flex;
                 flex-direction: column;
             }
@@ -242,6 +251,7 @@
             margin-left: -$tabstrip-content-border-width;
 
             > .k-tabstrip-items {
+                height: 100%;
                 display: inline-flex;
                 flex-direction: column;
             }