Bug - ʻOkina character does not display properly

[mpaluch]

Describe the bug

The Hawaiian ʻokina character does not display properly in the current GCWeb theme when used in body text. The character appears to overlap any following characters instead of having a distinct separation.

It is encoded as unicode character 'MODIFIER LETTER TURNED COMMA' (U+02BB) and can be rendered with HTML entity ʻ.

To Reproduce

Steps to reproduce the behaviour:

1. Go to https://wet-boew.github.io/GCWeb/templates/institutional/institution-en.html
2. Inspect and edit the first content <div> using developer tools.
3. Insert a new paragraph at the beginning using the following: <p>Hawai&#699;i</p>
4. Update the content on the page by clicking outside the element being edited.
5. The page shows the word Hawaiʻi with the ʻokina character overlapping the following letter "i".

Current behaviour

Expected behaviour

The ʻokina character should be displayed with proper spacing as shown on Google's Noto Sans specimen page.

See: https://fonts.google.com/noto/specimen/Noto+Sans?preview.text=Hawai%CA%BBi&preview.text_type=custom

Desktop:

• OS: Windows 10
• Browser: Chrome, Edge, Firefox
• Version: Latest