diff --git a/client/src/components/Intro/index.js b/client/src/components/Intro/index.js
index cf1a3e9a19..b735c8187d 100644
--- a/client/src/components/Intro/index.js
+++ b/client/src/components/Intro/index.js
@@ -50,12 +50,22 @@ function Intro({
           </Col>
           <Col sm={10} smOffset={1} xs={12}>
             <Spacer />
-            <button
-              className={'btn-primary btn center-block'}
-              onClick={() => gatsbyNavigate(`/${username}`)}
-            >
-              View your Portfolio and Settings
-            </button>
+            <div className='btn-group-wrap'>
+              <div className='btn-group' role='group'>
+                <button
+                  className={'btn-primary btn'}
+                  onClick={() => gatsbyNavigate(`/${username}`)}
+                >
+                  View my Portfolio
+                </button>
+                <button
+                  className={'btn-primary btn'}
+                  onClick={() => gatsbyNavigate(`/settings`)}
+                >
+                  Update my settings
+                </button>
+              </div>
+            </div>
           </Col>
         </Row>
         <Spacer />
diff --git a/client/src/components/Intro/intro.css b/client/src/components/Intro/intro.css
index fc39cbbcdc..8b8d7949b1 100644
--- a/client/src/components/Intro/intro.css
+++ b/client/src/components/Intro/intro.css
@@ -33,6 +33,17 @@
   text-align: center;
 }
 
+#learn-app-wrapper div.btn-group {
+  display: flex;
+  justify-items: center;
+}
+
+#learn-app-wrapper .btn-group-wrap {
+  text-align: center;
+  display: flex;
+  justify-content: center;
+}
+
 .quote-partial .blockquote {
   font-size: 1.3rem;
   border: none;