Logo doesn't align with the menu in chrome anymore

Hi,

Last week I noticed my logo on a client site doesn't align properly with the menu anymore. It works fine in Firefox, but in Chrome you see a lot of whitespace above the menu.
https://schaekel.nl/

The weird part is when I'm trying to fix this in the customizer the menu and logo align, but when I save my changes and check my website the problem stays the same.
(>> Customizer > Layout > Header > Navigation Left fixes the problem in the customizer)

I also tried to fix this with some CSS:
/* Push nav down on desktop */
@media (min-width: 769px) {
.main-navigation {
margin-top: -52px;
}
}

It works fine in Chrome, but then the menu in firefox looks off! Does anyone have some other suggestions I could try?
Thanks a lot!
Best regards,
Andy