diff --git a/apps/client/src/widgets/collections/Pagination.css b/apps/client/src/widgets/collections/Pagination.css
index 5f1fa49a4a..5ab78325b4 100644
--- a/apps/client/src/widgets/collections/Pagination.css
+++ b/apps/client/src/widgets/collections/Pagination.css
@@ -1,6 +1,9 @@
 :where(.note-list-pager) {
     --note-list-pager-page-button-width: 40px;
     --note-list-pager-ellipsis-width: 20px;
+
+    --note-list-pager-current-page-button-background-color: var(--active-item-background-color);
+    --note-list-pager-current-page-button-text-color: var(--muted-text-color);
 }
 
 .note-list-pager-container {
@@ -37,8 +40,8 @@
             padding-block: 4px;
 
             &.note-list-pager-page-button-current {
-                background: var(--active-item-background-color);
-                color: var(--muted-text-color);
+                background: var(--note-list-pager-current-page-button-background-color);
+                color: var(--note-list-pager-current-page-button-text-color);
                 font-weight: bold;
                 opacity: unset;
             }