diff --git a/src/pages/overall/overall-course/assignment-entry/assignment-entry.scss b/src/pages/overall/overall-course/assignment-entry/assignment-entry.scss
index 73f752f..2273e6a 100644
--- a/src/pages/overall/overall-course/assignment-entry/assignment-entry.scss
+++ b/src/pages/overall/overall-course/assignment-entry/assignment-entry.scss
@@ -97,6 +97,12 @@
     }
 }
 
+// Narrow layout
+.unread-entry.narrow
+{
+    height: 30px;
+}
+
 .unread-entry:first-child
 {
     padding-top: 3px;
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 3b7a5c8..8870e15 100644
--- a/src/pages/overall/overall-course/assignment-entry/assignment-entry.vue
+++ b/src/pages/overall/overall-course/assignment-entry/assignment-entry.vue
@@ -2,6 +2,7 @@
     <div class="unread-entry vertical-center"
          :class="narrow ? 'narrow' : ''"
          :style="`background: ${backgroundColor}`">
+
         <el-row class="unread-row">
             <el-col :span="3" class="date">
                 <span class="month">{{getMoment(assignment.date).format("MMM Do")}}</span>