Unnexpected line on input

Well, i have an extra line on my input when my app is in IONIC VIEW,
Another extrange behaviour is that, on ionic serve the lines change to primary color on hover, but in ionic view color white is static.

Ionic serve:

Ionic view:

well, this is my html

<ion-content scroll="false">

  <div class="separador"></div>
  <div class="logo"></div>

  <div padding margin-top class="buttons">
    <ion-list margin>

      <ion-item style="background-color:transparent; padding-left:0;">
        <ion-input type="text" placeholder="Usuario" class="white-placeholder"></ion-input>
      </ion-item>

      <ion-item style="background-color:transparent; padding-left:0; ">
        <ion-input type="password" placeholder="Contraseña" class="white-placeholder"></ion-input>
      </ion-item>
    </ion-list>
    
    <ion-grid>
      <ion-row>
        <ion-col>
          <button margin-top ion-button block>
            Ingresar
          </button>
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col col-12>
          <button margin-top ion-button block (click)="login()" class="login-fb">
            <ion-icon name="logo-facebook" padding-right></ion-icon>
            INGRESAR CON FACEBOOK
          </button>
        </ion-col>
      </ion-row>
    </ion-grid>


  </div>
</ion-content>

And this is my SCSS

page-welcome {

  $list-background-color: transparent;
  .white-placeholder{
    .text-input::-moz-placeholder {
      color: white;
    }
    
    .text-input:-ms-input-placeholder {
      color: white;
    }
    
    .text-input::-webkit-input-placeholder {
      text-indent: 0;
      color: white;
    }
  }

(is just the important section)

Thank you very much.