title: Overriding the encapsulated CSS of external component
body: <p>I was wondering how to override the encapsulated CSS of an external component.</p>
  
  <p>So I am using <a href="https://github.com/angular/material2" rel="noreferrer">material2</a> in my project and the tabs component has a the attribute overflow set on <code>tab-body</code>. Is it possible to override the overflow value?</p>