diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/components/body-layout/body-layout.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/components/body-layout/body-layout.element.ts
index 1cee962efb..4fe4ee083e 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/components/body-layout/body-layout.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/components/body-layout/body-layout.element.ts
@@ -22,9 +22,11 @@ export class UmbBodyLayout extends LitElement {
 				width: 100%;
 				min-height: 60px;
 
+				box-sizing: border-box;
+			}
+			:host(:not([no-header-background])) #header {
 				background-color: var(--uui-color-surface);
 				border-bottom: 1px solid var(--uui-color-border);
-				box-sizing: border-box;
 			}
 
 			#headline {
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/components/collection/collection-view-media.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/components/collection/collection-view-media.element.ts
index a082596834..a5ee115978 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/components/collection/collection-view-media.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/components/collection/collection-view-media.element.ts
@@ -95,7 +95,7 @@ export class UmbCollectionViewMediaElement extends UmbContextConsumerMixin(UmbOb
 
 	render() {
 		return html`
-			<umb-body-layout>
+			<umb-body-layout no-header-background>
 				<umb-collection-toolbar slot="header"></umb-collection-toolbar>
 				<router-slot id="router-slot" .routes="${this._routes}"></router-slot>
 				${this._selection.length > 0