fix: changed color for disabled Pagination button and cursor type (#42)

Multiwoven · Apr 16, 2024 · 845af97 · 845af97
1 parent f39c068
commit 845af97
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/ui/src/components/Pagination/Pagination.tsx b/ui/src/components/Pagination/Pagination.tsx
@@ -31,6 +31,10 @@ const PageChangeButton = ({
     minWidth='0'
     padding={0}
     _hover={{ backgroundColor: 'gray.300' }}
+    _disabled={{
+      _hover: { cursor: 'not-allowed' },
+      backgroundColor: 'gray.400',
+    }}
     isDisabled={!isEnabled}
   >
     {type === PAGE_CHANGE_BUTTON_TYPE.PREVIOUS ? (