From e7d466f318b1f267dc939293fe51eeaf9a23942a Mon Sep 17 00:00:00 2001
From: Jameson <jameson.brown@mx.com>
Date: Thu, 24 Sep 2026 13:20:32 -0600
Subject: [PATCH] fix: prevent Go back button from exceeding content width on
 DemoConnectGuard

---
 src/components/RenderConnectStep.js                    | 8 +++++++-
 src/views/demoConnectGuard/DemoConnectGuard.module.css | 1 -
 2 files changed, 7 insertions(+), 2 deletions(-)

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;