.app-layout {
    overflow: clip;
}

.main-wrapper {
    width: auto;
    flex: 1 1 0;
    overflow: clip;
}

.main-header {
    flex: 0 0 var(--navbar-height);
}

@media (min-width: 992px) {
    html {
        scrollbar-gutter: stable;
    }

    /* Keep the reserved gutter the same width as the learner scrollbar. */
    html::-webkit-scrollbar {
        width: 8px;
    }
}