title: Angular 2 material mat-tab size
body: <p>I have the following piece of code </p>
  
  <pre><code>  &lt;mat-tab-group&gt;
      &lt;div *ngFor="let question of subcategory.questions"&gt;
          &lt;mat-tab label={{question.question_id}} class="question-tab"&gt;{{question.question}}&lt;/mat-tab&gt;
      &lt;/div&gt;
    &lt;/mat-tab-group&gt;
  </code></pre>
  
  <p>which displays like: 
  <img src="https://i.stack.imgur.com/HVS8s.png" alt=""></p>
  
  <p>However I want to reduce tabs width, like this:
  <img src="https://i.stack.imgur.com/ZDDpf.png" alt=""></p>
  
  <p>The problem is, when I change css at run time, it adjusts fine, but when I put css like: </p>
  
  <pre><code>.mat-tab {
    min-width: 50px !important;
  }
  .mat-tab-label[_ngcontent-c9]{
      min-width: 50px !important;
  }
  </code></pre>
  
  <p>It doesn't work. Any idea how to approach this ?</p>