From d4080b81f9d07b759bdc40679bc97817635490ff Mon Sep 17 00:00:00 2001
From: cristhianzl <cristhian.lousa@gmail.com>
Date: Sun, 23 Jun 2024 17:58:46 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20(paginatorComponent):=20update?=
 =?UTF-8?q?=20button=20styles=20to=20include=20fixed=20height=20and=20widt?=
 =?UTF-8?q?h=20=E2=9C=A8=20(paginatorComponent):=20add=20size=20prop=20to?=
 =?UTF-8?q?=20buttons=20for=20consistent=20styling?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/paginatorComponent/index.tsx      | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/frontend/src/components/paginatorComponent/index.tsx b/src/frontend/src/components/paginatorComponent/index.tsx
index e3257d528..894ddaf93 100644
--- a/src/frontend/src/components/paginatorComponent/index.tsx
+++ b/src/frontend/src/components/paginatorComponent/index.tsx
@@ -68,10 +68,11 @@ export default function PaginatorComponent({
             <Button
               disabled={pageIndex <= 1}
               variant="outline"
-              className="hidden p-0 lg:flex"
+              className="hidden h-8 w-8 p-0 lg:flex"
               onClick={() => {
                 paginate(size, 1);
               }}
+              size={"icon"}
             >
               <span className="sr-only">Go to first page</span>
               <IconComponent name="ChevronsLeft" className="h-4 w-4" />
@@ -84,7 +85,8 @@ export default function PaginatorComponent({
                 }
               }}
               variant="outline"
-              className="p-0"
+              className="h-8 w-8 p-0"
+              size={"icon"}
             >
               <span className="sr-only">Go to previous page</span>
               <IconComponent name="ChevronLeft" className="h-4 w-4" />
@@ -95,7 +97,8 @@ export default function PaginatorComponent({
                 paginate(size, pageIndex + 1);
               }}
               variant="outline"
-              className="p-0"
+              className="h-8 w-8 p-0"
+              size={"icon"}
             >
               <span className="sr-only">Go to next page</span>
               <IconComponent name="ChevronRight" className="h-4 w-4" />
@@ -103,7 +106,8 @@ export default function PaginatorComponent({
             <Button
               disabled={pageIndex === maxIndex}
               variant="outline"
-              className="hidden p-0 lg:flex"
+              className="hidden h-8 w-8 p-0 lg:flex"
+              size={"icon"}
               onClick={() => {
                 paginate(size, maxIndex);
               }}