Dunikal

Site URL: https://dunikal.com/magasin

So this is the issue I'm having:

When my Squarespace site is set to default language FR-CA, a non-breaking space is automatically inserted between the amount and dollar sign of all product prices. See below:

<div class="product-price" id="yui_3_17_2_1_1661790753009_214">
À partir de 179,98&nbsp;$

</div>

The problem I'm having is when trying to customize .product-price through css. Adding any font-family element to .product-price will make the non-breaking space super long and break the page layout (see images attached). The price displays fine with the default site fonts.

I can work around it with white-space: nowrap &  overflow: hidden, but it doesn't work in the related-category block.

Why does the non-breaking space act that way as soon as any font-family is added? Any way to control it?

Thanks