title: How to resize material-ui's tabs
body: <p>I am trying to get a result looking like this (picture taken from <a href="https://material.google.com/components/tabs.html#tabs-usage" rel="noreferrer">https://material.google.com/components/tabs.html#tabs-usage</a>):</p>
  
  <p><a href="https://i.stack.imgur.com/3AJBC.png" rel="noreferrer"><img src="https://i.stack.imgur.com/3AJBC.png" alt="What I want"></a></p>
  
  <p>I don't want the tabs to take 100% of the width of the page, as it is by default with material-ui. Is it possible to do this with the implementation of material-ui ? I already played with the width of each tab using the <code>style</code> tab property, but the inkbare seems hardcoded to use percentages according to the id of the selected tab, and therefore doesn't underline properly the resized tabs. Is there a workaround?  </p>