diff --git a/src/pages/overall/overall.vue b/src/pages/overall/overall.vue
index 6ef4454..f50a536 100644
--- a/src/pages/overall/overall.vue
+++ b/src/pages/overall/overall.vue
@@ -36,12 +36,10 @@
                         :key="course.id">
         </overall-course>
 
-        <el-dialog
-                title="Notice"
-                :visible.sync="promptClearNotification"
-                width="30%" style="word-break: unset;"
-                :before-close="handleClose">
+        <el-dialog title="Notice" :visible.sync="promptClearNotification"
+                   width="30%" style="word-break: unset;">
             <span>You have too many new grade notifications. Clear them now?</span>
+            <img src="./too-many-unread.png" alt=""/>
             <span slot="footer" class="dialog-footer">
                 <el-button @click="promptClearNotification = false">Nah</el-button>
                 <el-button type="primary" @click="promptClearNotification = false">Sure!</el-button>
diff --git a/src/pages/overall/too-many-unread.png b/src/pages/overall/too-many-unread.png
new file mode 100644
index 0000000..0cb0be7
Binary files /dev/null and b/src/pages/overall/too-many-unread.png differ