.modal-header {
    align-items: start;
}

.modal-body {
    padding-top: calc(#{$modal-inner-padding}/ 4);
    padding-bottom: 0;
}

@include media-breakpoint-down(sm) {
    .modal-footer .btn {
        width: 100%;
    }
}

@include media-breakpoint-up(sm) {
    .modal-dialog:not(.modal-fullscreen) {
        padding-right: $fhi-core-space-2;
        padding-left: $fhi-core-space-2;
    }

    .modal-footer .btn + .btn {
        margin-left: $fhi-core-space-3;
    }
}