/* define TreeSelector */
.TreeSelector {
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    max-height: 100%;

    /* overriding col-sm-3 padding so we can have the tree scrollbar on the edge */
    padding-right: 0;
}

.TreeSelector-slot {
    flex-grow: 0;
    margin-bottom: 1em;

    /* setting padding to restore even padding on both sides */
    padding-right: 15px;
}

.TreeSelector-controls {
    /* setting padding to restore even padding on both sides */
    padding-right: calc(4px + var(--scroll-width));
    display: flex;
}

.TreeSelector-tree {
    flex-grow: 1;
    flex-shrink: 1;
    overflow-y: auto;
}