Menu links moving on hover

Hi Guys,

I’m hoping one of you good people can help me with something that’s probably a bit obvious.

On the below site, when I hover over nav links items, the whole menu moves and jiggles as the text changes on hover. Would you know what changes I can make to the nav links so that they can be bold on hover, but that text change doesn’t cause the other menu items to move as the divs resize.

I tried this solution from a previous forum ticket, but it didn’t help:

Would anyone have any suggestions?

Thanks a million in advance,

billy.


Here is my site Read-Only: [LINK](Webflow - Waterford Civic Trust)
(how to share your site Read-Only link)

being the width as auto it’s normal that the links move around, you have to set a fixed width to the links, or adjust the letter spacing to be sure that from weight 500 to 400 the width of the word is exactly the same