html, body {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.smart-scheduler {
    width: calc(100% - 300px);
    height: 100%;
    --smart-scheduler-timeline-cell-height: 50px;
}

@media (max-width: 750px) {
    .smart-scheduler {
        width: 100%;
    }
}