diff --git a/app/assets/stylesheets/stylesheets/pagy.css b/app/assets/stylesheets/stylesheets/pagy.css
index 1d95a95df9..b46d6c8f20 100644
--- a/app/assets/stylesheets/stylesheets/pagy.css
+++ b/app/assets/stylesheets/stylesheets/pagy.css
@@ -10,7 +10,7 @@
 .pagy-nav-js .page.active,
 .pagy-nav-js .page.prev.disabled,
 .pagy-nav-js .page.next.disabled {
-  @apply block px-3 py-1 text-gray-500 dark:text-gray-300 font-semibold;
+  @apply block px-3 py-1 text-gray-500 dark:text-gray-400 font-semibold;
   &:hover{
     @apply text-gray-700 dark:text-gray-200;
   }
@@ -23,23 +23,23 @@
 .pagy-nav .page.next.disabled,
 .pagy-nav-js .page.prev.disabled,
 .pagy-nav-js .page.next.disabled {
-  @apply text-gray-400 dark:text-gray-500 first-letter:cursor-default;
+  @apply text-gray-400 dark:text-gray-700 first-letter:cursor-default;
   &:hover {
-    @apply text-gray-400 dark:text-gray-500;
+    @apply text-gray-400 dark:text-gray-700;
   }
   &:active {
-    @apply text-gray-400 dark:text-gray-500;
+    @apply text-gray-400 dark:text-gray-700;
   }
 }
 
 .pagy-nav .page.active,
 .pagy-nav-js .page.active {
-  @apply cursor-default text-gold-500;
+  @apply cursor-default text-gold-500 dark:text-gold-500;
   &:hover {
-    @apply text-gold-500;
+    @apply text-gold-500 dark:text-gold-500;
   }
   &:active {
-    @apply text-gold-500;
+    @apply text-gold-500 dark:text-gold-500;
   }
 }
 
@@ -51,10 +51,10 @@
 .pagy-combo-nav-js .page.prev,
 .pagy-combo-nav-js .page.next {
   &:hover {
-    @apply text-gray-800;
+    @apply text-gray-800 dark:text-gray-200;
   }
   &:active {
-    @apply text-gray-800;
+    @apply text-gray-800 dark:text-gray-200;
   }
 }