diff --git a/src/renderer/components/TimelineSpace.vue b/src/renderer/components/TimelineSpace.vue
index 5ac9d444..b59df5cb 100644
--- a/src/renderer/components/TimelineSpace.vue
+++ b/src/renderer/components/TimelineSpace.vue
@@ -82,6 +82,7 @@ export default {
       await this.$store.dispatch('TimelineSpace/clearAccount')
       await this.$store.commit('TimelineSpace/Contents/Home/clearTimeline')
       await this.$store.commit('TimelineSpace/Contents/Local/clearTimeline')
+      await this.$store.commit('TimelineSpace/Contents/DirectMessages/clearTimeline')
       await this.$store.commit('TimelineSpace/Contents/Notifications/clearNotifications')
       await this.$store.dispatch('TimelineSpace/removeShortcutEvents')
       await this.$store.dispatch('TimelineSpace/clearUnread')
@@ -115,6 +116,7 @@ export default {
       }
       try {
         await this.$store.dispatch('TimelineSpace/Contents/Local/fetchLocalTimeline', account)
+        await this.$store.dispatch('TimelineSpace/Contents/DirectMessages/fetchTimeline', account)
       } catch (err) {
         this.$message({
           message: this.$t('message.timeline_fetch_error'),
diff --git a/src/renderer/components/TimelineSpace/Contents/DirectMessages.vue b/src/renderer/components/TimelineSpace/Contents/DirectMessages.vue
index 5480093d..2caf701f 100644
--- a/src/renderer/components/TimelineSpace/Contents/DirectMessages.vue
+++ b/src/renderer/components/TimelineSpace/Contents/DirectMessages.vue
@@ -207,7 +207,7 @@ export default {
     right: 24px;
     top: 48px;
     background-color: rgba(0, 0, 0, 0.7);
-    color: #ffffff;
+    color: #fff;
     padding: 4px 8px;
     border-radius: 0 0 2px 2px;