diff --git a/src/app/theming/styles/dark-theme.scss b/src/app/theming/styles/dark-theme.scss
index db22c73dd..0464750d5 100644
--- a/src/app/theming/styles/dark-theme.scss
+++ b/src/app/theming/styles/dark-theme.scss
@@ -57,8 +57,8 @@ $header-border-color: color($dark-theme-palette, "primary", 600)
 
 // Define dark theme for the paginator
 $dark-paginator-theme: paginator-theme(
-  $text-color: color($dark-theme-palette, "secondary", 700),
-  $background-color: color($dark-theme-palette, "primary", 500),
+  $foreground: color($dark-theme-palette, "secondary", 700),
+  $background: color($dark-theme-palette, "primary", 500),
   $border-color: color($dark-theme-palette, "secondary", 500)
 );
 
diff --git a/src/app/theming/styles/themes.scss b/src/app/theming/styles/themes.scss
index 7c2f28d15..9ab35163a 100644
--- a/src/app/theming/styles/themes.scss
+++ b/src/app/theming/styles/themes.scss
@@ -203,14 +203,14 @@ $black-grid-theme: grid-theme(
 
 // Define light theme for the paginator
 $light-paginator-theme: paginator-theme(
-  $background-color:color($light-theme-palette, "primary", 100),
+  $background:color($light-theme-palette, "primary", 100),
   $border-color: color($light-theme-palette, "secondary", 500)
 );
 
 // Define dark theme for the paginator
 $dark-paginator-theme: paginator-theme(
-  $text-color: color($dark-theme-palette, "secondary", 700),
-  $background-color:color($dark-theme-palette, "primary", 500),
+  $foreground: color($dark-theme-palette, "secondary", 700),
+  $background:color($dark-theme-palette, "primary", 500),
   $border-color: color($dark-theme-palette, "secondary", 500)
 );