title: Applying angular material theme to a specific component only
body: <p>Is it possible to apply the angular material built-in theme to a specific component only?</p>
  
  <p>I did:</p>
  
  <pre><code>@import "~@angular/material/prebuilt-themes/indigo-pink.css";
  </code></pre>
  
  <p>In one of my component.scss file and referenced this as the styleUrl inside of component.ts file. But the styles did not apply to my angular material paginator.</p>
  
  <p>Here is what the paginator looks like</p>
  
  <p><a href="https://i.stack.imgur.com/eAvIx.png" rel="noreferrer"><img src="https://i.stack.imgur.com/eAvIx.png" alt="enter image description here"></a></p>
  
  <p>As shown, the styles do not apply.</p>
  
  <p>Is it something to do with the fact that I'm importing them in a component specific scss file instead of importing it in angular.json?</p>