Center Primary Navigation menu items makes Sticky Navigation items move right

Hi,

I have used your CSS from below to center my primary menu. I also use a sticky menu and it also becomes centered (which I’d like) but it is slightly moved to the right compared to primary navigation and therefore not fully centered (e.g. when scrolling down the menu items jumps to the right). Any idea why or how this can be adjusted?

.main-navigation {
width: 100%;
}
.main-navigation .main-nav {
margin: auto;
}