angular2-compilers stylesheets problem about angular2-meteor

[dotansimha]

@omararturo please refer to Angular 2 Component Styles documentation.
I don't think it's an issue with angular2-compilers, because Angular 2 encapsulates each Component's styles by it self, without any chance to override other Component's styles.
It means that every Component has it's own style - and it can effect only the elements that it creates (NOT the Components it uses) - which means that every Angular 2 Component that uses Angular2-Material Component's, can decide only the parent element style (for example md-tab-group which is the parent).

More in depth, Angular 2 changes every CSS stylesheet and append unique identifiers for each style created, and then add the same unique identifier to the matching elements.
Which means that each Component will have it's own identifier, and your md-tab-group will get the styles from the stylesheet of your Component, but it's child elements (such as md-tab) can get it's styles only from the md-tab-group stylesheet.

There are workaround, such as adding the stylesheet outside the Component's context (in the global styles) and then risk overriding other Component's styles.

But you can also use the Angular 2 special selectors, such as /deep/ to override the style of you child Components, and then effect the entire Component's tree, instead of only the first level.

Usage example:

md-tab-group /deep/ div.md-tab-label {
  min-width: 25%  !important;
  max-width: 25%  !important;
}

You can read more in the documentation page I mentioned.

Good luck!