Why is my menu all jumpy and how to fix it? + how to have first active

my menu is all jumpy
anyone knows why this happens?

also I want to have effect on first navigation link as if it’s immediately selected

Its a combination of your border and padding that you are doing on the li:hover. You create a large border and then give it padding which make it look like that.

You can probably search and find some css to make your tab look active. I dont have the time to make an example right now, but you should be able to find something online as I doubt this is the first time someone has asked the question.