.DropdownButton {
    .btn-group > .btn {
        float: none;
        font-size: 12px;
        padding: 13px 20px 11px;
    }

    & .Icons-chevron {
        fill: $white;
        margin-left: 20px;
    }

    .dropdown-menu {
        margin-top: 7px;
        padding-top: 5px;

        /* stylelint-disable no-descending-specificity */
        /* stylelint-disable selector-no-type */
        /* stylelint-disable max-nesting-depth */
        > li > a {
            color: $rhino;
        }
        > .active > a {
            background-color: $bluejay_light;
            color: $gorilla;

            &:focus,
            &:hover {
                background-color: $mouse;
                color: $gorilla;
            }
        }
        /* stylelint-enable max-nesting-depth */
        /* stylelint-enable selector-no-type */
        /* stylelint-enable no-descending-specificity */
    }
}