2 files changed, 2 insertions, 2 deletions
diff --git a/Timeline/ClientApp/src/app/todo-item/todo-item.component.html b/Timeline/ClientApp/src/app/todo-item/todo-item.component.html
index 624586cb..bf080e83 100644
--- a/Timeline/ClientApp/src/app/todo-item/todo-item.component.html
+++ b/Timeline/ClientApp/src/app/todo-item/todo-item.component.html
@@ -1,5 +1,5 @@
 <mat-card class="mat-elevation-z2 item-card">
-  <span class="item-color-block" [class.color-block-closed]="item.closed" [class.color-block-open]="!item.closed"></span>
+  <span class="item-color-block" [class.color-block-completed]="item.isCompleted" [class.color-block-resolving]="!item.isCompleted"></span>
   <!-- Do not move the margin style to class because there is some preset classes on mat-card children making it invalid. -->
   <div class="mat-h3 item-body-box" style="margin: 5px;">
     <img class="item-icon" [src]="item.iconUrl" />
diff --git a/Timeline/ClientApp/src/app/todo-item/todo-item.component.spec.ts b/Timeline/ClientApp/src/app/todo-item/todo-item.component.spec.ts
index 245f9141..277eca23 100644
--- a/Timeline/ClientApp/src/app/todo-item/todo-item.component.spec.ts
+++ b/Timeline/ClientApp/src/app/todo-item/todo-item.component.spec.ts
@@ -22,7 +22,7 @@ describe('TodoItemComponent', () => {
     mockWorkItem = {
       id: 0,
       title: 'Title',
-      closed: true,
+      isCompleted: true,
       detailUrl: '/detail',
       iconUrl: '/icon'
     };