diff --git a/packages/console/src/components/AppContent/index.module.scss b/packages/console/src/components/AppContent/index.module.scss
index 15fb9d912..beb2790ae 100644
--- a/packages/console/src/components/AppContent/index.module.scss
+++ b/packages/console/src/components/AppContent/index.module.scss
@@ -21,8 +21,6 @@
   overflow-y: auto;
 
   > * {
-    max-width: 1168px;
-    min-width: 604px;
-    margin: 0 auto;
+    @include _.main-content-width;
   }
 }
diff --git a/packages/console/src/pages/SignInExperience/components/GuideModal.module.scss b/packages/console/src/pages/SignInExperience/components/GuideModal.module.scss
index a74150ee1..629e1c019 100644
--- a/packages/console/src/pages/SignInExperience/components/GuideModal.module.scss
+++ b/packages/console/src/pages/SignInExperience/components/GuideModal.module.scss
@@ -42,6 +42,7 @@
   .main {
     display: flex;
     align-items: flex-start;
+    @include _.main-content-width;
 
     .form {
       flex: 1;
diff --git a/packages/console/src/scss/_underscore.scss b/packages/console/src/scss/_underscore.scss
index d6d12287b..bab3c09e2 100644
--- a/packages/console/src/scss/_underscore.scss
+++ b/packages/console/src/scss/_underscore.scss
@@ -4,6 +4,12 @@
   @return #{$factor * 4}px;
 }
 
+@mixin main-content-width {
+  max-width: 1168px;
+  min-width: 604px;
+  margin: 0 auto;
+}
+
 @mixin flex-column {
   display: flex;
   flex-direction: column;