Second icons on rows per page element

[alfi-dim]

Issue Check list

• [x] Agree to the Code of Conduct
• [x] Read the README
• [x] You are using React 16.8.0+
• [x] You installed styled-components
• [ ] Include relevant code or preferably a code sandbox

Describe the bug

There's a second icons on my rows per page element

To Reproduce

Steps to reproduce the behavior: Create component as docs recommended

Expected behavior

Only ONE icon on that element

Code Sandbox, Screenshots, or Relevant Code

my first table

<DataTable
    title="Data Rekap Lembur"
    columns={columns}
    data={recapData}
    customStyles={customStyles}
    noDataComponent="Tidak ada data"
    fixedHeader
    fixedHeaderScrollHeight="300px"
    progressPending={loadingFetchRecap}
    pagination
    paginationServer
    paginationTotalRows={paginationTotalRows}
    onChangeRowsPerPage={onChangeRowsPerPage}
    onChangePage={onChangePage}
  />

my second table

<DataTable
    title="Data Analisa Lembur"
    columns={columns}
    data={dataAnalytics}
    customStyles={customStyles}
    noDataComponent="Tidak ada data"
    fixedHeader
    fixedHeaderScrollHeight="300px"
    progressPending={loadingAnalytics}
    pagination
    paginationServer
    paginationTotalRows={totalDataAnalytics}
    onChangeRowsPerPage={handlerPerRowChange}
    onChangePage={handlePageChange}
  />

Versions (please complete the following information)

• NextJS 14.1.4
• Styled Components 6.1.8
• OS: Windows 11
• Browser MS.Edge

[allan-vera]

i see this too

I solved it with this in a css file

.rdt_Pagination select {
  background: transparent;
}

[alfi-dim]

i see this too

I solved it with this in a css file

.rdt_Pagination select {
  background: transparent;
}

Thanks! it solved my problem