title: Materialize CSS Tab not exhibiting scroll behaviour
body: <p>I'm not sure why my tabs element isn't exhibiting scroll behaviour. It seems like the <code>li</code> elements in the tabs <code>ul</code> just overflow to the next row  instead, as shown <a href="http://prntscr.com/npnisd" rel="nofollow noreferrer">here</a>.</p>
  
  <p>I've initialized both materialize and the tabs correctly I think. Any suggestions as to why this is happening would be appreciated. I've tried disabling all my external CSS and JS but it doesn't seem to solve the problem.</p>
  
  <p><a href="https://codepen.io/anon/pen/rgmZOY" rel="nofollow noreferrer">Codepen</a> (scrolling problem not shown here, just the code is there since it's a lot)</p>