Product price font size jumps on page load, causes layout shift (CMS) on mobile

Store Design
1

Using Shopify supply theme. My website is bestknob.com.

Issue:

The product price on product pages currently loads in small and then resizes larger. I tried setting the font-size using “#productPrice” but the text size continues to shift. Inlining CSS to the element does not fix the jumping. Removing the id=“productPrice” does fix the resizing on load but removes the ability to update the price if a customer selects a different variant of the item.

2

Hi,
If you remove class=“h2” from that element html code, does it still do the jumping?

3

THank you for apply. It was H1 tag before. It jumps a lot. I changed to H2 tag. It is jump less. I can accept it for that right now. It improves the cls on mobile. But I still have problem on mobile. It cause by the title move down. I don’t know why. May be the font change . Any suggestion on that ?