diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/components/body-layout/body-layout.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/components/body-layout/body-layout.element.ts
index 1d589df449..22be2b754a 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/components/body-layout/body-layout.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/components/body-layout/body-layout.element.ts
@@ -134,7 +134,7 @@ export class UmbBodyLayoutElement extends LitElement {
 		css`
 			:host {
 				display: flex;
-				background-color: var(--uui-color-background);
+				background-color: var(--umb-body-layout-color-background, var(--uui-color-background));
 				width: 100%;
 				height: 100%;
 				flex-direction: column;