diff --git a/packages/console/src/pages/SignInExperience/components/GuideModal.module.scss b/packages/console/src/pages/SignInExperience/components/GuideModal.module.scss
index e64a2dccc..494883a9e 100644
--- a/packages/console/src/pages/SignInExperience/components/GuideModal.module.scss
+++ b/packages/console/src/pages/SignInExperience/components/GuideModal.module.scss
@@ -8,7 +8,7 @@
   .header {
     display: flex;
     align-items: center;
-    background-color: var(--color-on-primary);
+    background-color: var(--color-layer-1);
     height: 64px;
     padding: 0 _.unit(21) 0 _.unit(2);