Ion-label cuts the edges on iOS

Ionic Framework ionic-v3
1

On iOS our ion-label looks different the in MD. The edges get cut off.

Any idea how to fix it?

iOS:

image

MD:

image

2

Can you please share some markup for this?

3

Sure,

but before I would like to mention that ion-label has an overflow property and if I remove this the problem is solved, but I think this is not a good idea.

Here we go:

Html:

<ion-header no-shadow>
</ion-header>
<ion-content>
    <ion-list no-lines>
        <ion-item>
            <ion-label stacked>Username</ion-label>
            <ion-input type="text" value="markus.kulik@gmail.com"></ion-input>
        </ion-item> 
        <ion-item>
            <ion-label stacked>Password</ion-label>
            <ion-input type="password" value="123456"></ion-input>
        </ion-item>
        <button ion-item (click)="login()">
            Login!
        </button>
    </ion-list>
</ion-content>

Scss:

@import "../../theme/mixin";
@import "../../theme/gradient";

.login-component {
    @include linear-gradient(to bottom, color($colors, lemon) 15%, color($colors, lagoon) 100%, color($colors, lagoon) 100%);
    display: flex;
    align-items: center;

    ion-content {
        scroll-content {
            display: flex;
            justify-content: center;

            ion-list {
                max-height: 100%;
                flex-grow: 1;
                align-self: flex-end;

                ion-item {
                    height: 80px;

                    input {
                        margin-left: 10px !important;
                        margin-right: 10px;
                        @include font-body();
                    }

                    ion-label {
                        margin-left: 10px !important;
                        @include font-tag(sun);
                    }
                }

                ion-item:first-child {
                    box-shadow: 0px -10px 30px -10px color($colors, shadow);

                    ion-label {
                        margin-top: 30px;
                    }
                }

                button {
                    box-shadow: 0px 15px 20px -15px color($colors, shadow);
                    height: 60px;
                    background-color: color($colors, sun);

                    ion-label {
                        @include font-button(slate);
                    }
                }
            }
        }
    }
}