Synced Pattern Override: Not displaying text value properly on front-end if $ (d

There is an issue that I’ve noticed when using the Synced Pattern Override.
From the Site editor, I’ve created a Pricing Table Card Pattern.
It has these elements (I’ve enabled overrides for those) :
1) Plan Label
2) Plan Cost
3) Plan Description

It’s working, but the ‘Cost’ isn’t displaying or it’s messed up on the front-end. I think it’s because of the ‘$’ (dollar sign) in front.

Front-end screenshot (issue):
https://snipboard.io/7uBQiW.jpg

Block editor page screenshot :
https://snipboard.io/msHvN3.jpg

Site Editor Synced Pattern screenshot :
https://snipboard.io/1M9xgf.jpg

When I tried adding an extra space after ‘$’, it shows properly on the front-end. However, I don’t want that extra space between the dollar sign and price.

Front-end screenshot after adding an extra space (between ‘$’ and price):
https://snipboard.io/Qi1eFW.jpg

Is this a known issue? Can this be fixed?

Environment Info:

• WordPress Version: development version (6.6-beta2)
• Theme: Twenty Twenty (FourVersion: 1.1)