title: Not able to change tab's height, colour in Angular 6
body: <p>I'm new Angular, CSS and Html.
  I have used MatTabsModule(import { MatTabsModule } from '@angular/material/tabs';) to create tabs but I'm able to adjust/change height, background etc. In short I'm not able to override default properties of MatTabsModule's classes. Please help me.
  Below is my CSS and Html code. I hope Typescript code is not needed.</p>
  <p>HTML: -</p>
  <pre><code>&lt;mat-card&gt;
   &lt;mat-card-content&gt;
    &lt;mat-tab-group class=&quot;tab-group&quot; dynamicHeight&gt;
        &lt;mat-tab *ngFor=&quot;let obj of tags&quot;&gt;
            &lt;ng-template mat-tab-label&gt;{{ obj.name }}&lt;/ng-template&gt;
            &lt;div class=&quot;tab-content&quot;&gt;
                {{ obj.name }}
            &lt;/div&gt;
        &lt;/mat-tab&gt;
    &lt;/mat-tab-group&gt;
  &lt;/mat-card-content&gt;
  </code></pre>
    
  <p>CSS: -</p>
  <pre><code>.tab-group {
    border: 1px solid #e8e8e8;
    margin-bottom: 30px;
  
    .unicorn-dark-theme &amp; {
      border-color: #464646;
    }
  }
  
  .tab-content {
    padding: 16px;
  }
  
  mat-card{
    padding: 0px;
  }
  
  .mat-tab-label .mat-ripple {
    min-width: 0;
    height: 30px;
  }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/L76n5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/L76n5.png" alt="I'm not able to change height width of these tabs" /></a></p>
  <p>I'm not able to change height width background colour of these tabs.. :(</p>