diff --git a/apps/client/src/widgets/collections/Pagination.css b/apps/client/src/widgets/collections/Pagination.css
index af18d9d84f..5f1fa49a4a 100644
--- a/apps/client/src/widgets/collections/Pagination.css
+++ b/apps/client/src/widgets/collections/Pagination.css
@@ -15,10 +15,15 @@
     align-items: center;
     font-size: .8rem;
 
+    .note-list-pager-nav-button {
+        --icon-button-icon-ratio: .75;
+    }
+
     .note-list-pager-page-button-container {
         display: flex;
         align-items: baseline;
         justify-content: space-around;
+        gap: 2px;
 
         &.note-list-pager-ellipsis-present {
             /* Prevent the prev/next buttons from shifting when ellipses appear or disappear */
@@ -29,9 +34,11 @@
         .note-list-pager-page-button {
             min-width: var(--note-list-pager-page-button-width);
             padding-inline: 0;
+            padding-block: 4px;
 
             &.note-list-pager-page-button-current {
-                color: orange;
+                background: var(--active-item-background-color);
+                color: var(--muted-text-color);
                 font-weight: bold;
                 opacity: unset;
             }
@@ -40,6 +47,7 @@
         .note-list-pager-ellipsis {
             display: inline-block;
             width: var(--note-list-pager-ellipsis-width);
+            gap: 0;
             text-align: center;
             opacity: .5;
         }
@@ -54,7 +62,7 @@
 
     .note-list-pager-total-count {
         margin-inline-start: 8px;
-        opacity: .75;
+        opacity: .5;
         white-space: nowrap;
     }
 
diff --git a/apps/client/src/widgets/collections/Pagination.tsx b/apps/client/src/widgets/collections/Pagination.tsx
index 9c389902cd..89c409ff1f 100644
--- a/apps/client/src/widgets/collections/Pagination.tsx
+++ b/apps/client/src/widgets/collections/Pagination.tsx
@@ -26,6 +26,7 @@ export function Pager({ page, pageSize, setPage, pageCount, totalNotes }: Omit<P
             <div class="note-list-pager">
                 <ActionButton
                     icon="bx bx-chevron-left"
+                    className="note-list-pager-nav-button"
                     disabled={(page === 1)}
                     text={t("pagination.prev_page")}
                     onClick={() => setPage(page - 1)}
@@ -38,6 +39,7 @@ export function Pager({ page, pageSize, setPage, pageCount, totalNotes }: Omit<P
                             
                 <ActionButton
                     icon="bx bx-chevron-right"
+                    className="note-list-pager-nav-button"
                     disabled={(page === pageCount)}
                     text={t("pagination.next_page")}
                     onClick={() => setPage(page + 1)}