Logo moves slightly when desktop hamburger menu opens

Site URL: https://manatee-saxophone-eflm.squarespace.com/

I have added a hamburger menu on desktop however when I open it up the logo shifts slightly. Does anyone know how to fix this?

site password: kingfish

When burger menu is open, scroll bar on right side disappear so logo will move to right a bit

You can try this to Website Tools > Custom CSS

body.header--menu-open .header-title {
    margin-left: -35px !important;
}