Ion-select option - long text can't override .alert-radio-label



I currently have an ion-select with options that have fairly long text. The text does not wrap.

After looking at various posts I have tried putting the following within my app.scss:

.alert-md .alert-radio-label {
white-space: normal !important;

When I launch my app in chrome inspector and highlight the ion-select option (it is not wrapping) I see the following in chrome inspector for my main.css.

.alert-md .alert-radio-label {
overflow: hidden;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-overflow: ellipsis;
white-space: nowrap;
color: initial;
padding: 13px 26px;

I can change the nowrap to normal in chrome inspector and the ion-select options wrap like I want.

Can someone help to properly override the .alert-md .alert-radio-label properties?



I apologize, what I have above does work when put into app.scss. I unfortunately had it nested in with another property.