diff --git a/packages/console/src/onboarding/pages/SignInExperience/index.module.scss b/packages/console/src/onboarding/pages/SignInExperience/index.module.scss
index 9e9621fc4..d7debcf76 100644
--- a/packages/console/src/onboarding/pages/SignInExperience/index.module.scss
+++ b/packages/console/src/onboarding/pages/SignInExperience/index.module.scss
@@ -2,14 +2,20 @@
 
 .content {
   display: flex;
+  justify-content: center;
+  min-width: min-content;
   padding: 0 _.unit(17);
 
+  > div {
+    max-width: 800px;
+  }
+
   .config {
     background-color: var(--color-layer-1);
     border-radius: 8px;
     padding: _.unit(12);
+    margin-right: _.unit(6);
     min-width: 500px;
-    margin-right: _.unit(8);
 
     .title {
       margin-top: _.unit(6);
diff --git a/packages/console/src/pages/Connectors/components/Guide/index.module.scss b/packages/console/src/pages/Connectors/components/Guide/index.module.scss
index 058ecde00..3ff3caaeb 100644
--- a/packages/console/src/pages/Connectors/components/Guide/index.module.scss
+++ b/packages/console/src/pages/Connectors/components/Guide/index.module.scss
@@ -5,6 +5,7 @@
   flex-direction: column;
   background-color: var(--color-base);
   height: 100vh;
+  overflow-x: auto;
 
   .header {
     display: flex;
@@ -31,18 +32,24 @@
   .content {
     flex: 1;
     display: flex;
-    overflow: hidden;
+    overflow-y: hidden;
+    overflow-x: auto;
+    justify-content: center;
+    min-width: min-content;
 
     > * {
       flex: 1;
+      max-width: 800px;
+      min-width: 400px;
       overflow-y: auto;
+      margin: _.unit(2) 0 _.unit(6) 0;
     }
 
     .readme {
       background-color: var(--color-layer-1);
       border: 1.5px solid var(--color-focused-variant);
       border-radius: 16px;
-      margin: _.unit(2) _.unit(3) _.unit(6) _.unit(18);
+      margin-right: _.unit(6);
       overflow: hidden;
 
       .readmeTitle {
@@ -59,8 +66,6 @@
     }
 
     .setup {
-      margin: _.unit(2) _.unit(18) _.unit(6) _.unit(3);
-
       .block {
         background-color: var(--color-layer-1);
         border-radius: 16px;
diff --git a/packages/console/src/pages/SignInExperience/index.module.scss b/packages/console/src/pages/SignInExperience/index.module.scss
index 4dbd94315..e695cf9d3 100644
--- a/packages/console/src/pages/SignInExperience/index.module.scss
+++ b/packages/console/src/pages/SignInExperience/index.module.scss
@@ -26,14 +26,20 @@
       display: flex;
       flex: 1;
       margin-bottom: _.unit(6);
+      justify-content: center;
+      min-width: min-content;
 
       &.withSubmitActionBar {
         margin-bottom: _.unit(3);
       }
 
+      > * {
+        max-width: 800px;
+      }
+
       .form {
         flex: 1;
-        margin-right: _.unit(3);
+        margin-right: _.unit(6);
         min-width: 535px;
       }