Popover custom styling overridden by inline styles


I’ve added a custom class to my popover, but my styles are being overridden by the inline styles. I could add the !important flag as a last resort, but it seems like there must be a better way.

.price-info-popover .popover-content {
  width: 100%;
  left: 0;
this.popoverCtrl.create(InfoPage, {}, {cssClass: 'price-info-popover'}).present();