Ligatures renders the content unexpectedly

**Describe the bug**
On many pages in the docs where code is displayed, the ligature feature of the mono font used, produces weird results (e.g. hiding white space characters or render ligatures on top of text)

**Steps to reproduce**
Example page: https://docs.dapr.io/getting-started/quickstarts/workflow-quickstart/

**Expected behavior**
no weird rendering issues

**Screenshots**
Example rendering issue:

Example missing white space:

With ligatures disabled:

**Desktop (please complete the following information):**
- OS: Mac OS
- Browser chrome
- Version 151.0.7922.108