@media (max-width: 600px) {
    .mobile-form-dialog {
        width: calc(100vw - 1rem);
        max-width: calc(100vw - 1rem);
        max-height: calc(100dvh - 1rem);
        margin: 0.5rem;
    }

    .mobile-form-dialog .mud-dialog-content.mobile-form-dialog__content {
        overflow: visible;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 1rem;
    }

    .mobile-form-dialog .mud-dialog-actions {
        flex-wrap: wrap;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .mud-picker-popover-paper {
        max-width: calc(100vw - 1rem);
    }

    .mud-picker-content,
    .mud-picker-calendar-container {
        width: min(310px, calc(100vw - 1rem));
        min-width: min(310px, calc(100vw - 1rem));
    }
}