Тип ввода ввода Materializecss, показывающий боковые границы текстового поля в мобильном представлении

Question

Я делаю пользовательский интерфейс для мобильного сайта здесь, и я использовал materializecss.

Когда я помещу этот код ниже, я должен получить текстовое поле с подчеркиванием. Это было нормально при просмотре на рабочем столе, но когда я смотрю его на мобильном телефоне и начинаю печатать, он начинает показывать боковую границу текстового поля.

                <div class="row">
                    <form class="col s12">
                      <div class="row">
                        <div class="input-field col s12 m12 l12">
                          <i class="material-icons prefix">account_circle</i>
                          <input id="icon_prefix"  type="text" placeholder="email">

                        </div>
                        <div class="input-field col s12 m12 l12">
                          <i class="material-icons prefix">phone</i>
                          <input id="icon_telephone" type="tel" class="validate">
                          <label for="icon_telephone">Telephone</label>
                        </div>
                      </div>
                    </form>
                  </div>