From d6eb09427b61ccab24d6682c1436894d1770f2f2 Mon Sep 17 00:00:00 2001
From: Aryaman Kumar Sharma <kumararyaman26@gmail.com>
Date: Fri, 21 Mar 2025 02:56:42 +0530
Subject: [PATCH] Fix: Table Pagination Action Button Gap

---
 src/Components/Table/TablePagination/Actions/index.jsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/Components/Table/TablePagination/Actions/index.jsx b/src/Components/Table/TablePagination/Actions/index.jsx
index c607fcb8b..1b654fe9b 100644
--- a/src/Components/Table/TablePagination/Actions/index.jsx
+++ b/src/Components/Table/TablePagination/Actions/index.jsx
@@ -4,6 +4,7 @@ import LeftArrowDouble from "../../../../assets/icons/left-arrow-double.svg?reac
 import RightArrowDouble from "../../../../assets/icons/right-arrow-double.svg?react";
 import LeftArrow from "../../../../assets/icons/left-arrow.svg?react";
 import RightArrow from "../../../../assets/icons/right-arrow.svg?react";
+import { useTheme } from "@emotion/react";
 
 TablePaginationActions.propTypes = {
 	count: PropTypes.number.isRequired,
@@ -39,8 +40,10 @@ function TablePaginationActions({ count, page, rowsPerPage, onPageChange }) {
 		onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));
 	};
 
+	const theme = useTheme();
+
 	return (
-		<Box sx={{ flexShrink: 0, ml: "24px" }}>
+		<Box sx={{ flexShrink: 0, ml: "24px", display: "flex", gap: theme.spacing(2) }}>
 			<Button
 				variant="group"
 				onClick={handleFirstPageButtonClick}