Custom theme has several differences from the imported


I’ve added my theme to the application. My theme simply imports the original reindeer theme.
mytheme.scss file:

@import "../reindeer/reindeer.scss";

@mixin mytheme {
  @include reindeer;


@import " mytheme.scss";
@include mytheme;

Now the TabSheet component has some issues with the closing “cross” icon on each tab. I’ve attached the screen shot where you can see, that the tab close button is a bit moved to the right and overlaps the tab border.
What is the reason of such behavior and what should I do to fix the issue?