title: Tabs not aligned correctly
body: <p>I have created two tabs inside a Paper element, but instead of them being correctly aligned, the SCORE tab is too far to the right. Not sure why they are not auto adjusting the tab width to fit the width of the Paper element.</p>
  <p>What am I doing wrong?</p>
  <pre><code>                &lt;Paper
                    className={classes.paperTagsSection}
                  &gt;
                    &lt;Box&gt;
                      &lt;Tabs
                        indicatorColor=&quot;primary&quot;
                        textColor=&quot;primary&quot;
                      &gt;
                        &lt;Tab label=&quot;Tags&quot; /&gt;
                        &lt;Tab label=&quot;Score&quot; /&gt;
                      &lt;/Tabs&gt;
                    &lt;/Box&gt;
                 &lt;/Paper&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/vMrjJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vMrjJ.png" alt="Tabs not aligned" /></a></p>