diff --git a/packages/design-system/theme/src/pagination.scss b/packages/design-system/theme/src/pagination.scss
index 44948d8b37..4eec538ab0 100644
--- a/packages/design-system/theme/src/pagination.scss
+++ b/packages/design-system/theme/src/pagination.scss
@@ -221,7 +221,8 @@
 			}
 
 			&.active {
-				background-color: var(--color-primary);
+				background-color: var(--color-foreground-xdark);
+				border-color: var(--color-foreground-xdark);
 				color: var.$color-white;
 			}
 		}