diff --git a/src/pages/overall/overall-course/unread-entry/unread-entry.scss b/src/pages/overall/overall-course/unread-entry/unread-entry.scss
index e0d5535..efc3f76 100644
--- a/src/pages/overall/overall-course/unread-entry/unread-entry.scss
+++ b/src/pages/overall/overall-course/unread-entry/unread-entry.scss
@@ -8,6 +8,16 @@
 
     text-align: left;
 
+    // Date
+    .el-col.date
+    {
+        span.now
+        {
+            font-size: 11px;
+            color: #aaa;
+        }
+    }
+
     .el-col.description
     {
         span.type
diff --git a/src/pages/overall/overall-course/unread-entry/unread-entry.vue b/src/pages/overall/overall-course/unread-entry/unread-entry.vue
index fa6c904..4ab63cc 100644
--- a/src/pages/overall/overall-course/unread-entry/unread-entry.vue
+++ b/src/pages/overall/overall-course/unread-entry/unread-entry.vue
@@ -3,7 +3,7 @@
         <el-row class="unread-row">
             <el-col :span="2" class="date">
                 <span class="month">{{getMoment(assignment.date).format("MMM Do")}}</span>
-                <span class="now">{{getMoment(assignment.date).fromNow()}}</span>
+                <span class="now">({{getMoment(assignment.date).fromNow()}})</span>
             </el-col>
             <el-col :span="16" class="description">
                 <span class="type entry-box">{{assignment.type}}</span>