Mobile navigation bar "shrinks" on scroll

Hi, the mobile navigation bar of my website https://carnation-kazoo-blx3.squarespace.com/ (password is website) "shrinks" on scroll, meaning the padding at top and bottom of the logo becomes less. I want this "shrunk" version to show up as soon as the page opens on mobile and immediately fix this at the top, and remove the effect upon scrolling. Can anyone help with this?

Add this to your Custom CSS:

@media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) {
  .header .header-announcement-bar-wrapper {
    padding: 2vmax !important;
  }
}