How do I make the black highlight look in-line with the purple text it is highlighting? Right now the highlight goes a little lower than the text.

How do I make the black highlight look in-line with the purple text it is highlighting?
Right now the highlight goes a little lower than the text.

For computer and for mobile.
I have attached how I want the text to look in both locations.

This is the url:
https://lockhart.world/

It is also under this url:
https://lockhart.world/index

any ideas?~