diff --git a/libs/components/src/layout/layout.component.html b/libs/components/src/layout/layout.component.html
index 33b8de81572..969c0c16abb 100644
--- a/libs/components/src/layout/layout.component.html
+++ b/libs/components/src/layout/layout.component.html
@@ -18,7 +18,7 @@
   <main
     [id]="mainContentId"
     tabindex="-1"
-    class="tw-overflow-auto tw-min-w-0 tw-flex-1 tw-bg-background tw-p-6 md:tw-ml-0 tw-ml-16"
+    class="tw-overflow-auto tw-min-w-0 tw-flex-1 tw-bg-background-alt tw-p-6 md:tw-ml-0 tw-ml-16"
   >
     <ng-content></ng-content>