Top of my Booqable calendar is hidden by header on mobile

Site URL: https://www.crazyeightsrollerskates.com/book

I have Booqable installed and everything works fine on the desktop, but as soon as you click 'select dates' on mobile the top of the calendar pop-up is obscured by the header so you can't scroll through to a different month or see the days. Nothing I'm doing seems to be working -- is there anything I can do to fix this?

@media screen and (max-width:800px) {
  .DayPickerContainer-BJeEl {
    padding-top: 150px !important;
  }
}