title: Mat-tab-body-wrapper, cannot edit css (angular)
body: <p>I can't change the mat tab body wrapper which seems to be limiting the size of my mat-tab.  </p>
  
  <p>ex.</p>
  
  <pre><code>.mat-tab-body-wrapper {
    height: 100%:
  }
  </code></pre>
  
  <p>Sorry, Stackoverflow is is forcing me to comment out some unnecessary stuff as you can see with NG-template and my bar chart.</p>
  
  <pre><code>  &lt;mat-tab-group mat-stretch-tabs&gt;
       &lt;mat-tab&gt;
          'angular template and mat tab label'
                'extraneous elements'
          'end angular template and mat table label'
          &lt;div class="container"&gt;
             'extraneous elements'
                &lt;div style="display: block"&gt;
                   &lt;canvas&gt; 
                     /*My Bar chart*/
                   &lt;/canvas&gt;
                &lt;/div&gt;
          &lt;/div&gt;               
       &lt;/mat-tab&gt;
    &lt;/mat-tab-group&gt;
  </code></pre>
  
  <p>EDIT: </p>
  
  <p>You can actually override elements like this (i.e. mat-tab of angular material) using 
  ::ng-deep</p>