En la paginación Material-UI, las opciones en el campo Seleccionar se alinean a la izquierda solo en el navegador FIREFOX cuando uso native: true en SelectProps y los estilos no se aplican al mismo tiempo. ¿Alguien puede ayudarme a alinear el centro de opciones en el campo desplegable en el navegador Firefox ?

Captura de pantalla:

código:

 <TablePagination rowsPerPageOptions={[5, 10, 25, { label: "All", value: -1 }]} colSpan={3} count={rows.length} rowsPerPage={rowsPerPage} page={page} SelectProps={{ inputProps: { "aria-label": "rows per page" }, MenuProps: { classes: { paper: classes.menuItem } }, native: true }} classes={{ menuItem: classes.menuItem }} onChangePage={handleChangePage} onChangeRowsPerPage={handleChangeRowsPerPage} />

codesnadbox: https://codesandbox.io/s/style-tablepagination-rows-per-page-menu-paper-forked-0qp0b?file=/demo.js