Select and input one-line doesn't fit

Why it looks like this? This is on browser, but even on a real device is like the screenshot:

image

<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>