.ConflictsNavigation {
    display: flex;

    &-history {
        margin-left: auto;
        margin-right: 0;
    }

    &.main-subnav a { // stylelint-disable-line
        font-size: 16px;
        padding-left: 15px;
        padding-right: 15px;
    }

    &.main-subnav a:not(.ConflictsNavigation-history) {  // stylelint-disable-line
        margin-right: 10px;
    }

    &-history-wrapper {
        align-items: center;
        display: flex;
    }

    .Icons-history {
        margin-left: 6px;
    }

    .ConflictsNavigation-history {
        margin-right: 0;
    }

    &-dots {
        color: $timberwolf;
        margin-left: 5px;

        .Icons-three-dots {
            fill: $timberwolf;
            height: 20px;
            margin: 0 5px;
            vertical-align: middle;
            width: 20px;
        }
    }
}

.ConflictsNavigation-history-active {

    .Icons-history {
        fill: $gorilla;
    }
}