#userdata-distribution-list-wrapper {
    padding: 8px 16px;
    max-height: 350px;
    overflow-y: auto;
}

#userdata-distribution-list-wrapper .ud-distribution-item,
#userdata-distribution-list-wrapper .ud-distribution-item a {
    font-family: var(--sds-font-family, 'sans-serif');
    font-size: 14px;
    color: var(--sds-black, #000);
    width: 100%;
    cursor: default;
    width: auto;
}

#userdata-distribution-list-wrapper .ud-distribution-item .ud-distribution-item-title {
    /* text-overflow: ellipsis; */
    white-space: break-spaces;
    cursor: pointer;
}

    #userdata-distribution-list-wrapper .ud-distribution-item .sds-external-link-icon {
        cursor: pointer;
    }
    #userdata-distribution-list-wrapper .ud-distribution-item .show-restapi-popup {
        cursor: pointer;
        -webkit-mask-image: url(/Assets/Images/icons/rest-api.svg);
        mask-image: url(/Assets/Images/icons/rest-api.svg);
        background: #879090;
        width: 20px;
        height: 20px;
        display: block;
        mask-repeat: no-repeat;
        font-size: 20px;
    }
#userdata-distribution-list-wrapper.dx-list .dx-list-item {
    cursor: default;
}

#userdata-distribution-list-wrapper.dx-list .dx-list-item.dx-state-active,
#userdata-distribution-list-wrapper.dx-list .dx-list-item.dx-state-focused,
#userdata-distribution-list-wrapper.dx-list .dx-list-item.dx-state-hover {
    background-color: var(--sds-white, #fff);
    color: var(--sds-grey, #000);
}

#userdata-distribution-list-wrapper.dx-list .dx-list-item .ud-distribution-item:hover,
#userdata-distribution-list-wrapper.dx-list .dx-list-item.dx-state-hover .ud-distribution-item {
    color: var(--sds-grey, #000);
}

#userdata-distribution-list-wrapper.dx-list .dx-list-item .ud-distribution-item:hover .sds-external-link-icon,
#userdata-distribution-list-wrapper.dx-list .dx-list-item.dx-state-hover .ud-distribution-item .sds-external-link-icon {
    background-color: var(--sds-primary, #0B9294);
}