title: How to add CSS to Angular Materials component?
body: <p>I have a web app using angular 2 and angular materials. I am using a simple modal:</p>
  
  <pre><code>&lt;h1 md-dialog-title *ngIf="data"&gt;{{data.title}}&lt;/h1&gt;
    &lt;div md-dialog-content&gt;What would you like to do?&lt;/div&gt;
    &lt;div md-dialog-actions&gt;&lt;/div&gt;
  </code></pre>
  
  <p>But when I run the app the modal's height is 100%. When I inspect with Chrome dev tools, it looks like Angular Materials/Angular 2 is injecting some classes that wrap around the md-dialog-content. Here is a snapshot:</p>
  
  <p><a href="https://i.stack.imgur.com/03jl8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/03jl8.png" alt="enter image description here"></a></p>
  
  <p>Anyways, does anyone have any suggestion how to override the behavior so I can manually affect the size? Thanks. </p>