1 files changed, 10 insertions, 6 deletions
diff --git a/src/view/shell/web/index.tsx b/src/view/shell/web/index.tsx
index fedc9c3d6..1059aa280 100644
--- a/src/view/shell/web/index.tsx
+++ b/src/view/shell/web/index.tsx
@@ -5,6 +5,7 @@ import {useStores} from '../../../state'
 import {match, MatchResult} from '../../routes'
 import {DesktopLeftColumn} from './left-column'
 import {DesktopRightColumn} from './right-column'
+import {Onboard} from '../../screens/Onboard'
 import {Login} from '../../screens/Login'
 import {ErrorBoundary} from '../../com/util/ErrorBoundary'
 import {usePalette} from '../../lib/hooks/usePalette'
@@ -22,6 +23,15 @@ export const WebShell: React.FC = observer(() => {
       </View>
     )
   }
+  if (store.onboard.isOnboarding) {
+    return (
+      <View style={styles.outerContainer}>
+        <ErrorBoundary>
+          <Onboard />
+        </ErrorBoundary>
+      </View>
+    )
+  }
 
   return (
     <View style={[styles.outerContainer, pal.view]}>
@@ -104,12 +114,6 @@ const styles = StyleSheet.create({
   outerContainer: {
     height: '100%',
   },
-  innerContainer: {
-    marginLeft: 'auto',
-    marginRight: 'auto',
-    width: '600px',
-    height: '100%',
-  },
   visible: {
     display: 'flex',
   },