overlapping of label and value on input text box in materialize in ember

i have installed materialize plugin in my ember app using 'bower install materialize'

i have created a form in my hbs--

> <div class="input-field col s12 m12 l8">
>               <i class="material-icons prefix">email</i>
>               
>               <label for="email">Email<i class="mandatoryIcon">*</i></label>
>             </div>

but in ui this label and value are getting overlapped. need to fix this issue.. how to do ????