Tabs not keeping hoover effect when on selected page

I have six page tabs at the top of each page of my design that are grey with black text and have a hoover effect of a black gradient with white text when hoovered over and for when on the selected page.

I also have the same on three words on a navbar.

However I find that some times this works and then it doesn’t. I need the tabs to stay the hoover effect colour when on the selected page but it seems to turn off and and, works fine on some pages and not the others. I have the tab bar as a symbol so I have the same on each page

Were am I going wrong here?

Could you provide the URL of your project? Maybe a public link?

Thanks

Hi the link is: https://webflow.com/design/thermelec-limited?preview=87be97871a152c2d7cfa5dfbb60b6414

It seems to work on all except the ‘Products’ tab and the ‘CONTACT’ word on the top bar when in the Contact Us page.