diff --git a/src/components/input/test/stacked-labels/main.html b/src/components/input/test/stacked-labels/main.html index b0cf266afa9..c960e74cbd0 100644 --- a/src/components/input/test/stacked-labels/main.html +++ b/src/components/input/test/stacked-labels/main.html @@ -35,6 +35,11 @@ + + Stacked Label + Double Label + + Label 6 diff --git a/src/components/label/label.scss b/src/components/label/label.scss index aa7b47f88d4..91433c8338d 100644 --- a/src/components/label/label.scss +++ b/src/components/label/label.scss @@ -40,16 +40,19 @@ ion-label[fixed] { max-width: 200px; } -ion-label[stacked], -ion-label[floating] { +.item-label-stacked ion-label, +.item-label-floating ion-label { align-self: stretch; - margin-bottom: 0; - width: auto; max-width: 100%; } +ion-label[stacked], +ion-label[floating] { + margin-bottom: 0; +} + .item-label-stacked .input-wrapper, .item-label-floating .input-wrapper { flex: 1;