How to properly arrange pricing in Dawn?

[AGV]

Hi.

My store is not showing the original price and the discounted price in the proper manner.

The original price should be shown above and then the discounted price for all products as shown in the image below

But they do not appear properly as shown in the image below this.

Which makea the store look very unprofessional.

[Ujjaval]

@AGV ADD BELOW CSS INTO component-price.css file

.price--on-sale .price__sale {
    display: flex !important;
    flex-direction: column-reverse;
    flex-wrap: wrap;
}