I have a sticky announcement banner and a "sticky" navigation header, that's not so sticky. Currently, it moves and is a bit off-center, with more room at the bottom than at the top. Is there code that I can use to fix this?

https://www.dpripro.com/owners - this is the page the nav header is not centered.

https://www.dpripro.com/ - seems to be centered here but not fully "sticky"

The code for this is 

//Main Navigation Header-Navy//
#header { 
    position: sticky; 
    top: 40px; 
}

I'm a bit lost - any feedback will help! Thank you!

In my tests both elements are sticky