Stars Showing Wrongly

Hi,

I’m having trouble with the stars overflowing and not showing properly.

Please see screenshot: https://i.imgur.com/OGCkjsS.jpg

I’ve searched through your earlier threads and found a solution which includes the css rule:

.woocommerce .star-rating{
	float: left !important;
	width: 5em !important;
}

This fixes the stars for the comments, but this also breaks my formatting of the price digits. The stars and the price digits show on the same line at the top of my page if I use that rule.

Here’s a live link to an example product page:
https://www.temporary-url.com/DE1A

Could you help me with a CSS rule to properly fix the stars?

Thank you!