Change alert header color

I’ve been trying to change the color of header in alert, but no method is working for me.
here is how am I tyring

    this.alertCtrl.create({
          header: 'Error',
          backdropDismiss: false,
          message: 'Incorrect Passowrd',
          cssClass:'inCorrectPasswordAlert',
          buttons: [{
            text: 'Ok',
          }],
        }).then(alertEl => alertEl.present())

here is the scss I’m trying with. I’ve put this style code in global.scss file

.inCorrectPasswordAlert {
    h2 {
        color: crimson;
    }
}

h2.inCorrectPasswordAlert {
    color: crimson;
}

Any help in this regard will be highly appreciated. Thanks

If you inspect the Alert, do you see the css class and style applied? Maybe it’s overwritten and you need to makr it !important?