title: Material ui tabs not scrollable on mobile view
body: <p><strong>Material ui tabs scroll not working on mobile view</strong></p>
  <p>I tried to put the following</p>
  <pre><code>      variant=&quot;scrollable&quot;
        scrollButtons=&quot;auto&quot;
  </code></pre>
  <p>Here's the snippet of my code</p>
  <pre><code>          subheader={(
              &lt;Tabs scrollButtons=&quot;on&quot; variant=&quot;scrollable&quot; value={activeTab} onChange={e =&gt; this.handleChange(e)}&gt;
                &lt;Tab key=&quot;Overview&quot; activetab={0} label=&quot;Overview&quot; /&gt;
                &lt;Tab key=&quot;Followers&quot; activetab={1} label={getTabCount('Followers', facets.followers)} /&gt;
              ....
              &lt;/Tabs&gt;
            )}
  </code></pre>
  <p><strong>Update:</strong></p>
  <p>Looks like it's an existing issue. When we toggle to the mobile mode, you will be able to see the issue.</p>
  <p>Codesandbox: <a href="https://codesandbox.io/s/material-demo-forked-gdrfp?file=/demo.js&amp;resolutionWidth=320&amp;resolutionHeight=675" rel="nofollow noreferrer">https://codesandbox.io/s/material-demo-forked-gdrfp?file=/demo.js&amp;resolutionWidth=320&amp;resolutionHeight=675</a></p>
  <p><a href="https://github.com/mui-org/material-ui/issues/22598" rel="nofollow noreferrer">https://github.com/mui-org/material-ui/issues/22598</a></p>
  <p>Reference: <a href="https://material-ui.com/components/tabs/" rel="nofollow noreferrer">https://material-ui.com/components/tabs/</a></p>