diff --git a/src/components/RenderConnectStep.js b/src/components/RenderConnectStep.js
index b67e9042a6..3bd70f0a89 100644
--- a/src/components/RenderConnectStep.js
+++ b/src/components/RenderConnectStep.js
@@ -107,7 +107,13 @@ const RenderConnectStep = (props) => {
     !selectedInstitution?.is_demo
 
   if (shouldShowDemoConnectGuard) {
-    return <DemoConnectGuard ref={props.navigationRef} />
+    return (
+      <div style={styles.container}>
+        <div style={styles.content}>
+          <DemoConnectGuard ref={props.navigationRef} />
+        </div>
+      </div>
+    )
   }
 
   let connectStepView = null
diff --git a/src/views/demoConnectGuard/DemoConnectGuard.module.css b/src/views/demoConnectGuard/DemoConnectGuard.module.css
index 239452b150..1ba0b408ac 100644
--- a/src/views/demoConnectGuard/DemoConnectGuard.module.css
+++ b/src/views/demoConnectGuard/DemoConnectGuard.module.css
@@ -1,7 +1,6 @@
 .container {
   display: flex;
   flex-direction: column;
-  align-items: center;
   justify-content: center;
   text-align: center;
   padding-top: 20px;