diff --git a/app/index.html b/app/index.html
index d0caf0e4..929281f4 100644
--- a/app/index.html
+++ b/app/index.html
@@ -47,6 +47,9 @@
     <div class="header">
         <h1>BankerX Demo</h1>
         <div class="actions">
+          <button class="secondary" onclick="launchBankApp(1)">Launch Bank App 1</button>
+          <button class="secondary" onclick="launchBankApp(2)">Launch Bank App 2</button>
+          <button class="secondary" onclick="launchBankApp(3)">Launch Bank App 3</button>
           <button disabled id='initPurchaseButton' onclick="getTerms()">Start Purchase</button>
         </div>
     </div>
diff --git a/app/main.js b/app/main.js
index b037cbf0..b4102118 100644
--- a/app/main.js
+++ b/app/main.js
@@ -24,6 +24,10 @@ const selectCard = (id) => {
   }
 };
 
+const launchBankApp = (index) => {
+    window.open(`./bank-app${index}.html`, '_blank');
+};
+
 const showSuccessModal = (message) => {
   const modal = document.getElementById('successModal');
   const modalCTA = document.getElementById('successCTA');
diff --git a/app/styles.css b/app/styles.css
index 4ac822d9..1cee65e3 100644
--- a/app/styles.css
+++ b/app/styles.css
@@ -22,8 +22,15 @@ body {
     font-size: large;
     border: 0;
     cursor: pointer;
+    margin-right: 6px;
   }
 
+  .header .actions button.secondary {
+    background: none;
+    border: 1px solid #36f;
+    color: #36f;
+}
+
   .header .actions button:disabled {
     padding: 9px;
     border-radius: 6px;
@@ -39,6 +46,7 @@ body {
     display: flex;
     justify-content: center;
     background: url('./background.png');
+    background-position-x: center;
     background-size: contain;
     background-repeat: no-repeat;
     height: 100vh;