fix(tabs): fix tabs content alignment issue (#16637)

didimmova · web-flow · commit 791f620e3a67 · 2025-12-12T09:15:37.000+02:00
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/tabs/_tabs-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/tabs/_tabs-theme.scss
@@ -56,6 +56,7 @@
         display: flex;
         flex-direction: column;
         overflow: hidden;
+        text-align: initial;
     }
 
     %tabs-header {
@@ -322,7 +323,7 @@
                             var-get($theme, 'item-active-hover-background') 1px,
                             var-get($theme, 'item-active-hover-background') calc(100% - 1px),
                             var-get($theme, 'border-color') calc(100% - 1px)
-                    );								
+                    );
                 }
             }
         }

Original file line number	Diff line number	Diff line change
`@@ -56,6 +56,7 @@`
`56`	`56`	`display: flex;`
`57`	`57`	`flex-direction: column;`
`58`	`58`	`overflow: hidden;`
	`59`	`+ text-align: initial;`
`59`	`60`	`}`
`60`	`61`
`61`	`62`	`%tabs-header {`
`@@ -322,7 +323,7 @@`
`322`	`323`	`var-get($theme, 'item-active-hover-background') 1px,`
`323`	`324`	`var-get($theme, 'item-active-hover-background') calc(100% - 1px),`
`324`	`325`	`var-get($theme, 'border-color') calc(100% - 1px)`
`325`		`- );`
	`326`	`+ );`
`326`	`327`	`}`
`327`	`328`	`}`
`328`	`329`	`}`