How to adjust input value position in the grid

Hello,

The ionic grid is accepting user input values dynamically but the white space is added along with input value. I need adjust the white spaces. Please help!

<ion-content class="ion-padding"> 
<div >
    <div class="addProductControls"> 
      <ion-item > 
        <ion-label position="floating">ItemId</ion-label>    
          <ion-input #itemId placeholder="itemId"></ion-input>   
      </ion-item> 
      
      <ion-item> 
        <ion-label  position="floating">Price</ion-label>
          <ion-input  #qty placeholder="qty"></ion-input>
      </ion-item>
  
      <ion-item> 
        <ion-label position="floating">Qty</ion-label>
          <ion-input #price placeholder="price"></ion-input>
      </ion-item>  
    
      <ion-button color="dark" class="btn btn-primary btn-xs" (click)="addProduct(itemId, qty, price)">Add</ion-button>
    </div>
    <div *ngFor="let i of product;">
  <ion-grid  > 
   
    <ion-row>
      <ion-col>ItemId
        <ion-item>
        <ion-input type="text"  [(ngModel)] = "i.itemId"></ion-input>      
        </ion-item>
    </ion-col>
     <ion-col >Qty
     <ion-item>
              <ion-input type="text" [(ngModel)] = "i.qty"></ion-input> 
    </ion-item>
    </ion-col> 
      <ion-col >Price
        <ion-item>
              <ion-input type="text" [(ngModel)] = "i.price"></ion-input>       
        </ion-item>

      </ion-col> 
    </ion-row>  
  
  </ion-grid>  
</div>
</div>

</ion-content>

ion-col{

height: 30px !important;

background-color: aliceblue;

width: 0.5;

font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}