From 09090edfb1597271097ad020c8710e9386f1d436 Mon Sep 17 00:00:00 2001
From: Okereke Chinweotito <okerekechinweotito@gmail.com>
Date: Mon, 23 Oct 2023 23:25:30 +0100
Subject: [PATCH] fix:QueueTable Footer Pagination inconsistent style

---
 components/QueueTable.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/QueueTable.js b/components/QueueTable.js
index 6494f36..2215add 100644
--- a/components/QueueTable.js
+++ b/components/QueueTable.js
@@ -225,19 +225,19 @@ const ShowUploadQueue = (props) => {
         </TableContainer>
         <TablePagination
           rowsPerPageOptions={[10, 25, 100]}
-          component="div"
           SelectProps={styles.selectIcon}
+          count={rows.length}
+          rowsPerPage={rowsPerPage}
+          page={page}
+          onPageChange={handleChangePage}
+          onRowsPerPageChange={handleChangeRowsPerPage}
           labelRowsPerPage={<div style={styles.toolbar}>Rows per page</div>}
           labelDisplayedRows={({ from, to, count }) => (
             <div style={styles.toolbar}>
               {`${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`}
             </div>
           )}
-          count={rows.length}
-          rowsPerPage={rowsPerPage}
-          page={page}
-          onPageChange={handleChangePage}
-          onRowsPerPageChange={handleChangeRowsPerPage}
+          sx={{ display: "flex", justifyContent: "end" }}
         />
       </Paper>
       <Backdrop sx={styles.backdrop} open={open} onClick={handleClose}>