title: Materialize select input shows two carets
body: <p>I've just integrated Materialize into my Rails project through the <code>gem 'materialize-sass'</code>. For some reason, the select inputs are showing two carets instead of 1.</p>
  
  <p><a href="https://i.stack.imgur.com/rDQmj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rDQmj.png" alt="enter image description here"></a></p>
  
  <p>The code for the select input is basically a fork of the example on their website.</p>
  
  <pre><code>&lt;div class="input-field"&gt;
      &lt;select name="tutor_profile[dob_month]" id="tutor_profile_dob_month"&gt;
          &lt;option value="" disabled selected&gt;Choose your month&lt;/option&gt;
          &lt;option value="1"&gt;January&lt;/option&gt;
          &lt;option value="2"&gt;February&lt;/option&gt;
          &lt;option value="3"&gt;March&lt;/option&gt;
          &lt;option value="4"&gt;April&lt;/option&gt;
          &lt;option value="5"&gt;May&lt;/option&gt;
          &lt;option value="6"&gt;June&lt;/option&gt;
          &lt;option value="7"&gt;July&lt;/option&gt;
          &lt;option value="8"&gt;August&lt;/option&gt;
          &lt;option value="9"&gt;September&lt;/option&gt;
          &lt;option value="10"&gt;October&lt;/option&gt;
          &lt;option value="11"&gt;November&lt;/option&gt;
          &lt;option value="12"&gt;December&lt;/option&gt;
      &lt;/select&gt;
      &lt;label&gt;Birthday&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I've tried tweaking the CSS styling for the select button in the Developers Console with no success. There are no additional stylings to any of the elements within the select input.</p>
  
  <p>Other CSS frameworks I'm using are bootstrap, bootstrap-tagsinput, twitter-typeahead, and jquery-ui. I was wondering if anyone has experience something similar.</p>