How to stop mobile nav link text from taking up the whole width

Hello, I’ve been searching around on the forum but was unable to yield any results.

How can I stop my nav link texts from taking up the whole width of the nav menu? Currently, the text link area includes the large empty spaces outside of the text itself which results in inaccurate navigation.


I have tried to make them into inline blocks, but results in all of the links sharing the same line, instead of keeping to the original layout.

I have also tried putting the links into their individual div blocks and configuring them with it. But these blocks are added into the original HTML code which affects all breakpoints.

Thank you for taking the time to read this!

Here is a read-only link to my project: