Update pager css

reaviz · Dec 12, 2023 · c886963 · c886963
1 parent 676cd6d
commit c886963
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/data/Pager/Pager.module.css b/src/data/Pager/Pager.module.css
@@ -3,6 +3,11 @@
   align-items: center;
   justify-content: center;
 
+  svg {
+    height: 20px;
+    width: 20px;
+  }
+
   .page {
     padding: 0 var(--spacing-sm);
 
@@ -17,12 +22,7 @@
   align-items: center;
 }
 
-svg {
-  height: 20px;
-  width: 20px;
-}
-
-.items {
+.pagerDisplayItems {
   color: var(--gray-100);
   margin-right: var(--spacing-sm);
 }
diff --git a/src/data/Pager/Pager.tsx b/src/data/Pager/Pager.tsx
@@ -123,7 +123,7 @@ export const Pager: FC<PagerProps> = ({
   return (
     <div className={classNames(css.pager, className)}>
       {(displayMode === 'items' || displayMode === 'all') && (
-        <div className={css.items}>
+        <div className={css.pagerDisplayItems}>
           {pageCount === 1 && total > 0 && (
             <Text>
               Showing {total === 1 ? total : `all ${total.toLocaleString()}`}{' '}