diff --git a/complete-application/src/app/home-page/home-page.component.html b/complete-application/src/app/home-page/home-page.component.html
index bc81c41..2ae2930 100644
--- a/complete-application/src/app/home-page/home-page.component.html
+++ b/complete-application/src/app/home-page/home-page.component.html
@@ -2,7 +2,11 @@
   <div class="content-container">
     <div style="margin-bottom: 100px;">
       <h1>Welcome to Changebank</h1>
-      <p>To get started, <a (click)="login()" style="cursor: pointer">log in or create a new account</a>.</p>
+      <p>To get started,
+        <button class="button-redirect" (click)="login()" style="cursor: pointer">log in</button>
+        or
+        <button class="button-redirect" (click)="register()" style="cursor: pointer">create a new account.</button>
+      </p>
     </div>
   </div>
   <div style="flex: 0;">
diff --git a/complete-application/src/app/home-page/home-page.component.ts b/complete-application/src/app/home-page/home-page.component.ts
index d7c8e8c..60c4243 100644
--- a/complete-application/src/app/home-page/home-page.component.ts
+++ b/complete-application/src/app/home-page/home-page.component.ts
@@ -16,4 +16,7 @@ export class HomePageComponent {
   login() {
     this.fusionAuthService.startLogin();
   }
+  register() {
+    this.fusionAuthService.startRegistration();
+  }
 }
diff --git a/complete-application/src/styles.css b/complete-application/src/styles.css
index 1b7070a..d91d8a8 100644
--- a/complete-application/src/styles.css
+++ b/complete-application/src/styles.css
@@ -152,3 +152,12 @@ body {
 .change-container {
   flex: 1;
 }
+
+.button-redirect {
+  background: none;
+  border: none;
+  color: #096324;
+  font-size: 18px;
+  font-family: sans-serif;
+  padding: 0;
+}