diff --git a/libs/components/layout/src/lib/modules/page-summary/page-summary.component.scss b/libs/components/layout/src/lib/modules/page-summary/page-summary.component.scss
index 999600a2ab..efd7fef6a7 100644
--- a/libs/components/layout/src/lib/modules/page-summary/page-summary.component.scss
+++ b/libs/components/layout/src/lib/modules/page-summary/page-summary.component.scss
@@ -1,8 +1,16 @@
 @use 'libs/components/theme/src/lib/styles/mixins' as mixins;
 @use 'libs/components/theme/src/lib/styles/variables' as *;
+@use 'libs/components/theme/src/lib/styles/compat-tokens-mixins' as compatMixins;
+
+@include compatMixins.sky-default-overrides('.sky-page-summary') {
+  --sky-override-page-summary-background-color: #fff;
+}
 
 .sky-page-summary {
-  background-color: #fff;
+  background-color: var(
+    --sky-override-page-summary-background-color,
+    var(--sky-color-background-page)
+  );
   padding: $sky-padding-double $sky-padding-plus-half;
 }