title: Material-ui v1 tabs label wrap bug
body: <p>Using Material UI @next v1.0.0 beta 32:</p>
  
  <hr>
  
  <p>Tabs labels wrap as expected on smaller devices.</p>
  
  <p>But the wrapping makes them change font-size, which in turn, in some screen width removes the need for the text to wrap.</p>
  
  <p>So I end up with this: tabs with non-wrapped labels and different font sizes.</p>
  
  <p>sandbox example: <a href="https://codesandbox.io/s/o7worrr32q" rel="nofollow noreferrer">https://codesandbox.io/s/o7worrr32q</a></p>
  
  <p>In order to see the described result make the window narrow enough for at least 1 tab label to wrap, but not all.</p>
  
  <p>I' have overriddeen the wrapped styles this way:</p>
  
  <pre><code>&lt;Tab
    value={value}
    label='my label'
    classes={{
       root: classes.tab,
       rootPrimarySelected: classes.selected,
       labelWrapped: classes.labelWrapped
    }}
  /&gt;
  </code></pre>
  
  <p>and my style:</p>
  
  <pre><code> labelWrapped: {
     fontSize: '0.875rem'
   },
  </code></pre>
  
  <p>The problem as illustrated in <a href="https://i.stack.imgur.com/UhOL7.gif" rel="nofollow noreferrer">this gif animation</a>, is that as you click on other tabs, the text wraps and unwraps alternatively, seemingly without reason.</p>
  
  <p>My guess is that a padding changes somewhere, but I can't figure it out.</p>