Edit

Editing: _select2.scss

.select2-container {
    //z-index: 1094;
    width: 100% !important;

.select2-selection {
        display: block;
        width: 100%;
        height: 2.5rem !important;
        padding: 0.5rem 1rem !important;
        font-size: 0.75rem !important;
        font-weight: normal !important;
        line-height: 1.25 !important;
        color: #343434 !important;
        background-color: #ffffff;
        background-clip: padding-box;
        border: 1px solid $gray-300 !important;
        border-radius: 0.5rem !important;
        box-shadow: none !important;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

.select2-selection__rendered {

}

.select2-selection__arrow {
            top: 8px !important;
        }
    }

.select2-dropdown {
        border: 1px solid $gray-300 !important;
        box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
    }
}

.select2-selection__choice {
    background-color: var(--secondary) !important;
    border: 1px solid $gray-300 !important;
    color: #fff;
    margin-top: 0 !important;
    padding: 2px 5px !important;
}

.select2-selection__choice__remove {
    color: #ffffff !important;
}

.select2-results__option {
    font-size: 0.75rem !important;
}

Back