diff --git a/e2e/src/app.e2e-spec.ts b/e2e/src/app.e2e-spec.ts
index c28cd55..982a348 100644
--- a/e2e/src/app.e2e-spec.ts
+++ b/e2e/src/app.e2e-spec.ts
@@ -14,6 +14,7 @@ describe('workspace-project App', () => {
 
   it('should click sign-in and navigate to home screen', () => {
     page.clickAndExpectRoute('#sign_in', '/');
+    expect(page.getElements('app-workflow-spec-list').count()).toBeGreaterThan(0);
     expect(page.getElements('app-file-list').count()).toBeGreaterThan(0);
   });
 
diff --git a/src/app/workflow-spec-list/workflow-spec-list.component.html b/src/app/workflow-spec-list/workflow-spec-list.component.html
index eb3d982..a3b2a84 100644
--- a/src/app/workflow-spec-list/workflow-spec-list.component.html
+++ b/src/app/workflow-spec-list/workflow-spec-list.component.html
@@ -11,13 +11,13 @@
     <mat-card-header>
       <mat-card-title>
         <h1>
-          {{wfs.id}}
+          {{wfs.display_name}}
           <button mat-mini-fab color="primary" (click)="editWorkflowSpec(wfs)"><mat-icon>edit</mat-icon></button>
         </h1>
       </mat-card-title>
       <mat-card-subtitle>
         <h2>{{wfs.name}}</h2>
-        <h3>{{wfs.display_name}}</h3>
+        <h3>{{wfs.id}}</h3>
       </mat-card-subtitle>
       <span fxFlex></span>
       <button mat-icon-button title="Delete this workflow specification" color="warn" (click)="confirmDeleteWorkflowSpec(wfs)">