backtick characters do not render correctly

[oznu]

Describe the bug

When using the ` character it does not render correcly.

How to reproduce

This can be reproduced on the Clarity Docs site, https://clarity.design/documentation/input :

---

When single back ticks around around a word, the backticks get displayed over the first character.

Input should be `test`, but displays as:

---

When using multiple back ticks, only the first is shown:

Input should be ``` (3 back ticks in a row):

---

This behaviour is also observed in non-input fields, for example, editing the source of clarity to add ` around the word input in this paragraph:

Expected behaviour

Backticks are rendered correctly as per the user's input.

Versions

Clarity version:

• [x] v17.x
• [x] v18.x

Framework version:

• [x] Angular v17.x
• [x] Angular v18.x

Device:

• Type: Desktop
• OS: macOS and Windows
• Browser: Edge, Firefox, Safari

---

Thanks 😄