/* 1. Make Choices dropdown and input full width */
/*.choices {
    width: 100% !important;
}*/

/* 2. Fix inner input style */
/*.choices__inner {
    padding: 6px 8px;
    min-height: 38px;
    border-radius: 4px;
    overflow: visible !important;*/ /* <--- important for avoiding double scroll */
/*}*/

/* 3. Style and fix dropdown scroll */
/*.choices__list--dropdown {
    max-height: 220px;
    overflow-y: auto !important;
    overflow-x: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}*/

/* 4. Fix if inside modal */
/*.modal-body,
.modal-content {
    overflow: visible !important;
}*/

/* 5. Ensure dropdown isn't clipped or scroll-conflicted */
/*.modal .choices {
    overflow: visible !important;
    z-index: 9999;
}*/
<style >
/* Basic pagination style (like Bootstrap) */
.listjs-pagination {
    display: flex;
    justify-content: flex-end;
    list-style: none;
    padding: 0;
    margin-top: 1rem;
}

.listjs-pagination li {
    margin: 0 4px;
}

    .listjs-pagination li a {
        display: inline-block;
        padding: 6px 12px;
        font-size: 14px;
        color: #0d6efd;
        border: 1px solid #dee2e6;
        border-radius: 0.25rem;
        text-decoration: none;
        background-color: #fff;
    }

    .listjs-pagination li.active a {
        background-color: #0d6efd;
        color: #fff;
        border-color: #0d6efd;
    }

    .listjs-pagination li.disabled a {
        pointer-events: none;
        color: #6c757d;
        background-color: #f8f9fa;
        border-color: #dee2e6;
    }

</style >