[BUG] Appointment booking page broken on mobile with long descriptions

Steps to reproduce

1. Create and appointment with a multi-line description
2. Open the link in a mobile

Expected behavior

elements should not overlap.

Actual behavior

This is how the page is formatted for mobile (here, emulating Galaxy S10 Android 11 on Firefox):

On a desktop screen it works fine:

For those impatient, the following custom css (app -> enable "custom css", then go to settings -> theming) seems to fix. Keep in mind this is 100% slop AI generated quick-and-dirty fix, and not a proper solution.

.booking__date-selection .booking__date-header {
    margin-top: 30px;              /* Adds a little space between description and calendar */
}

.booking__date-selection .mx-datepicker-popup {
    position: relative !important; /* Overrides absolute */
    top: auto !important;          /* Overrides the -274px calculation */
    transform: none !important;    /* Prevents JS positioning transforms */
    margin-top: 30px;              /* Adds a little space between description and calendar */
}

/* Ensure the wrapper takes up the necessary space */
.booking__date-selection .mx-datepicker {
    width: 100%;
    display: block;
}

.booking__date-selection .booking__time-zone {
    display: none !important;
}

Calendar app version

6.2.0

Reproduce the booking page with a multi-line description at a mobile viewport, then inspect the booking page elements matching .booking__date-selection and .booking__date-header. Compare the calendar popup and time-zone layout against the desktop view; done means the description, calendar, and related controls no longer overlap on mobile without relying on custom CSS.