Why it looks like this? This is on browser, but even on a real device is like the screenshot:
<ion-grid padding>
<ion-row>
<ion-col col-9 push-3>
<ion-item>
<!--<ion-label floating>Teléfono</ion-label>-->
<ion-input type="tel" placeholder="Teléfono..." value="" [formControl]="authForm.controls['phone']" clearInput></ion-input>
</ion-item>
<div class="error-box error-font" *ngIf="authForm.controls['phone'].hasError('required') && authForm.controls['phone'].touched">
<p ion-text color="danger">Introducir tu número es primordial.</p>
</div>
<div class="error-box error-font" *ngIf="authForm.controls['phone'].hasError('minlength') && authForm.controls['phone'].touched">
<p ion-text color="danger">No es un número válido.</p>
</div>
</ion-col>
<ion-col col-3 pull-9>
<ion-item>
<ion-select placeholder="Selecciona un país">
<ion-option [value]="countries" *ngFor="let countries of country">
{{countries.country_name}} ({{countries.dialling_code}})
</ion-option>
</ion-select>
</ion-item>
</ion-col>
</ion-row>
</ion-grid>