<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/mui-org/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>
<p dir="auto">Tabs that receive the prop <code class="notranslate">centered</code> should always center.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">They remain left aligned if they are also set <code class="notranslate">scrollable</code>.</p>
<h2 dir="auto">Steps to Reproduce</h2>
<p dir="auto"><a href="https://codesandbox.io/s/kk371k1w75" rel="nofollow">https://codesandbox.io/s/kk371k1w75</a></p>
<h2 dir="auto">Your Environment</h2>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td><a class="user-mention notranslate" data-hovercard-type="organization" data-hovercard-url="/orgs/next/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/next">@next</a></td>
</tr>
<tr>
<td>React</td>
<td>16.2.0</td>
</tr>
<tr>
<td>browser</td>
<td>chrome</td>
</tr>
</tbody>
</table>
<p dir="auto">For example please see<br>
<a href="https://material-ui.com/_next/cae6bd4a-2104-4ec9-8977-c6f7c8c4e44c/page/api/app-bar/index.js" rel="nofollow">https://material-ui.com/_next/cae6bd4a-2104-4ec9-8977-c6f7c8c4e44c/page/api/app-bar/index.js</a></p>
<p dir="auto">Also  page progress indicator at the top of the page never stops.</p>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/callemall/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>