title: Unable to apply horizontal scroll for the Tabs in Material UI
body: <p>I am unable to apply the horizontal <code>scroll</code> to the Tabs using material UI.</p>
  
  <p>below link is the material ui version i am using
  <a href="https://v0.material-ui.com/#/components/tabs" rel="nofollow noreferrer">https://v0.material-ui.com/#/components/tabs</a></p>
  
  <p>The number of Tabs increasing its taking more width.</p>
  
  <p>I trid to apply width, but its taking entire Tabs tab.</p>
  
  <p>I need to apply only Tabs width and horizontal scroll.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;Tabs
  inkBarStyle={{backgroundColor: 'blue'}} 
  value={this.state.tableNameTab}
  onChange={this.handleChangeTab}
  key = "tabsData"
  style={{ maxWidth: "500px", overflow: "auto" }}
  &gt;
  {this.state.TableDetails.map( (data,index) =&gt;
  &lt;Tab 
  label={data.tableName} value={data.tableName}
  key={'key'+index}
  &gt;
  &lt;h6&gt;{data.tableName}&lt;/h6&gt;
  &lt;/Tab&gt;
  )
  }
  &lt;/Tabs&gt;</code></pre>
  </div>
  </div>
  </p>