fix(pagination): remove padding button on pagination

naveteam · Nov 17, 2020 · 796ca3a · 796ca3a
1 parent e5c6046
commit 796ca3a
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/components/Pagination/Pagination.jsx b/src/components/Pagination/Pagination.jsx
@@ -48,7 +48,13 @@ const Pagination = ({
       return Array.from({ length: prevLength }).map((_, index) => {
         const pagesBefore = page - (prevLength - index)
         return (
-          <ButtonPage caption={pagesBefore} key={pagesBefore} hover variant='text' onClick={() => setPage(pagesBefore)} />
+          <ButtonPage
+            caption={pagesBefore}
+            key={pagesBefore}
+            hover
+            variant='text'
+            onClick={() => setPage(pagesBefore)}
+          />
         )
       })
     } else if (direction === 'after') {
@@ -170,6 +176,7 @@ const ButtonPage = styled(Button)`
   justify-content: center;
   align-items: center;
   color: ${th.color('gray.800')};
+  padding: 0;
 
   p {
     font-size: ${th.fontSize(2)};