diff --git a/src/app/pages/connect/connect.component.html b/src/app/pages/connect/connect.component.html
index f6ddd57bd..c36344d37 100644
--- a/src/app/pages/connect/connect.component.html
+++ b/src/app/pages/connect/connect.component.html
@@ -1,18 +1,11 @@
-
-
 <div *ngIf="isLoading">
   <p>Loading...</p>
 </div>
 <app-grid-block *ngIf="!isLoading" [config]="config" [model]="connectionManager.flows"></app-grid-block>
 
-
 <div class="preview-message">
-  <!--link to previous version of user page-->
-<!--  <p>-->
-<!--    You are viewing a preview of the new connect page-->
-<!--  </p>-->
-  <div>
-    <button mat-icon-button routerLink="/user"><mat-icon>person</mat-icon>
-      click here for the old account page</button>
-  </div>
+    <a routerLink="/user">
+      <mat-icon>person</mat-icon>
+      <span>click here for the old account page</span>
+    </a>
 </div>
diff --git a/src/app/pages/connect/connect.component.scss b/src/app/pages/connect/connect.component.scss
index 59449d342..5d4a67df3 100644
--- a/src/app/pages/connect/connect.component.scss
+++ b/src/app/pages/connect/connect.component.scss
@@ -1,13 +1,12 @@
-.preview-message {
-  font-size: 0.75rem;
-  margin-bottom: 1rem;
-  margin-top: 1rem;
-  padding: 0.5rem;
-  background-color: #f7fafc;
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
+.preview-message a {
+  color: black;
+  text-decoration: none;
 }
-.preview-message p {
-  margin: 0 1rem 0 0;
+
+.preview-message .mat-icon {
+  padding-top: 2px;
 }
+
+.preview-message span {
+  padding-left: 10px;
+}
\ No newline at end of file