diff --git a/web/src/interfaces/AdminInterface.ts b/web/src/interfaces/AdminInterface.ts
index 32d0b8014..a627a179a 100644
--- a/web/src/interfaces/AdminInterface.ts
+++ b/web/src/interfaces/AdminInterface.ts
@@ -68,7 +68,7 @@ export class AdminInterface extends LitElement {
                     display: none;
                 }
                 .pf-c-page {
-                    background-color: var(--pf-global--BackgroundColor--light-300) !important;
+                    background-color: var(--pf-c-page--BackgroundColor) !important;
                 }
                 @media (prefers-color-scheme: dark) {
                     /* Global page background colour */
diff --git a/web/src/interfaces/UserInterface.ts b/web/src/interfaces/UserInterface.ts
index ab2e4cced..c623d8231 100644
--- a/web/src/interfaces/UserInterface.ts
+++ b/web/src/interfaces/UserInterface.ts
@@ -75,7 +75,7 @@ export class UserInterface extends LitElement {
                     background-color: transparent !important;
                 }
                 .pf-c-page {
-                    background-color: var(--pf-global--BackgroundColor--light-300) !important;
+                    background-color: var(--pf-c-page--BackgroundColor) !important;
                 }
                 .display-none {
                     display: none;