updates DataTable Pagination component to prevent large numbers from …

…running together (#4918)
primer · Sep 5, 2024 · a17e689 · a17e689
1 parent 1b098ed
commit a17e689
Showing 1 changed file with 1 addition and 0 deletions.
diff --git a/packages/react/src/DataTable/Pagination.tsx b/packages/react/src/DataTable/Pagination.tsx
@@ -72,6 +72,7 @@ const StyledPagination = styled.nav`
     line-height: calc(20 / 14);
     user-select: none;
     border-radius: 6px;
+    padding: 0.5rem calc((2rem - 1.25rem) / 2); /* primer.control.medium.paddingInline.condensed primer.control.medium.paddingBlock */
   }
 
   .TablePaginationAction[data-has-page]:hover,