title: How to set the Angular material tab's mat-ink-bar to take the width of tab header text width
body: <p>I want the Angular material tab's mat-ink-bar to take the width of the tab header text's width. Currently it is larger than the tab header text width. </p>
  
  <p>Following image shows how it looks now.</p>
  
  <p><a href="https://i.stack.imgur.com/mLY3A.png" rel="noreferrer"><img src="https://i.stack.imgur.com/mLY3A.png" alt="Current look"></a></p>
  
  <p>Following image shows how I want it to be.</p>
  
  <p><a href="https://i.stack.imgur.com/HbvLO.png" rel="noreferrer"><img src="https://i.stack.imgur.com/HbvLO.png" alt="How I want the mat-tab-ink-bar to look"></a></p>
  
  <p>Could you help me on how to make this happen?</p>