.wrapper {
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.li {
    composes: wrapper;
    width: 100%;
}

.label-symbol-wrapper {
    composes: wrapper;
    flex: 1 1 auto;
}

.clickable {
    cursor: pointer;
}

.svg {
    margin-right: 0.25em;
    flex: 0 0 16px;
}

.label {
    flex: 1 1 90%;
}

.wrapper {
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.li {
    composes: wrapper;
    width: 100%;
}

.label-symbol-wrapper {
    composes: wrapper;
    flex: 1 1 auto;
}

.clickable {
    cursor: pointer;
}

.svg {
    margin-right: 0.25em;
    flex: 0 0 auto;
}

.label {
    flex: 1 1 90%;
}

Set legend item svg to flex-basis auto to fix faulty width constraint in parent element.
Set legend item svg to flex-basis auto to fix faulty width constraint in parent element.
