diff --git a/src/pages/course/assignment-type-head/assignment-type-head.vue b/src/pages/course/assignment-type-head/assignment-type-head.vue
index adce742..3c8a6ab 100644
--- a/src/pages/course/assignment-type-head/assignment-type-head.vue
+++ b/src/pages/course/assignment-type-head/assignment-type-head.vue
@@ -6,7 +6,7 @@
             </div>
 
             <AssignmentEntry v-for="assignment of filteredAssignments" :key="assignment.id"
-                             :assignment="assignment">
+                             :assignment="assignment" :unread="assignment.unread" backgroundColor="#f5faff">
             </AssignmentEntry>
         </el-card>
     </div>
diff --git a/src/pages/overall/overall-course/assignment-entry/assignment-entry.vue b/src/pages/overall/overall-course/assignment-entry/assignment-entry.vue
index 6a6c99b..16882d2 100644
--- a/src/pages/overall/overall-course/assignment-entry/assignment-entry.vue
+++ b/src/pages/overall/overall-course/assignment-entry/assignment-entry.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="unread-entry vertical-center" :style="`background: ${background}`">
+    <div class="unread-entry vertical-center" :style="`background: ${backgroundColor}`">
         <el-row class="unread-row">
             <el-col :span="3" class="date">
                 <span class="month">{{getMoment(assignment.date).format("MMM Do")}}</span>
@@ -41,7 +41,7 @@
         @Prop({required: true}) assignment: Assignment;
 
         @Prop({default: false}) unread: boolean;
-        @Prop({default: '#f5f7fa'}) background: string;
+        @Prop({default: '#f5f7fa'}) backgroundColor: string;
 
         /**
          * Format a date to the displayed format