Ion-label overflow columns

Hello,

how can i set the ion-label to overflow columns?

Here is an example of the problem:
image

and my form code:

<ion-row>
            <ion-col col-4>
                <ion-item no-lines>
                    <ion-label stacked class="overflowLabel">Freshwater to change</ion-label>
                    <ion-input [(ngModel)]="waterchangeVolume.liter" type="number" value="20" name="waterchangeVolume"></ion-input>
                </ion-item>
            </ion-col>
            <ion-col col-4 class="formWrap">
                <ion-item no-lines>
                    <p item-left class="labelRight">liter</p>
                </ion-item>
            </ion-col>
            <ion-col col-4 class="formWrap">
                <ion-item no-lines>
                    <button ion-button item-right icon-only class="scrollButton" (click)="stepNumberValue('waterchangeVolume', 'liter', 1, 0, 'minus')">
                        <ion-icon ios="ios-remove" md="md-remove"></ion-icon>
                    </button>
                    <button ion-button item-right icon-only class="scrollButton" (click)="stepNumberValue('waterchangeVolume', 'liter', 1, 0, 'plus')">
                        <ion-icon ios="ios-add" md="md-add"></ion-icon>
                    </button>
                </ion-item>
            </ion-col>
        </ion-row>

.overflowLabel {
  overflow: visible!important;
  margin-top: 0

}