diff --git a/src/i18n/langs/en.json b/src/i18n/langs/en.json
index ade7ff2e6..055b4547c 100644
--- a/src/i18n/langs/en.json
+++ b/src/i18n/langs/en.json
@@ -1274,6 +1274,7 @@
     "Sender": "Sender",
     "MarkAsRead": "Mark as read",
     "OneClickRead": "Currently read",
+    "AllClickRead": "All read",
     "OneClickReadMsg": "Are you sure you want to mark the current information as read?",
     "NoUnreadMsg": "No unread messages",
     "SiteMessage": "Site messages",
diff --git a/src/i18n/langs/ja.json b/src/i18n/langs/ja.json
index c07ea6ed6..36b86400a 100644
--- a/src/i18n/langs/ja.json
+++ b/src/i18n/langs/ja.json
@@ -1314,6 +1314,7 @@
     "Sender": "送信者",
     "MarkAsRead": "マークはすでに読みました。",
     "OneClickRead": "現在の既読",
+    "AllClickRead": "すべて既読",
     "OneClickReadMsg": "本当に現在の情報を既読としてマークしますか?",
     "NoUnreadMsg": "未読メッセージはありません",
     "SiteMessage": "駅内の手紙",
diff --git a/src/i18n/langs/zh.json b/src/i18n/langs/zh.json
index df2ec91cc..b5711b187 100644
--- a/src/i18n/langs/zh.json
+++ b/src/i18n/langs/zh.json
@@ -1315,6 +1315,7 @@
     "Sender": "发送人",
     "MarkAsRead": "标记已读",
     "OneClickRead": "当前已读",
+    "AllClickRead": "全部已读",
     "OneClickReadMsg": "你确定要将当前信息标记为已读吗?",
     "NoUnreadMsg": "暂无未读消息",
     "SiteMessage": "站内信",
diff --git a/src/layout/components/NavHeader/SiteMessages.vue b/src/layout/components/NavHeader/SiteMessages.vue
index 97feff0b1..dc550ce3e 100644
--- a/src/layout/components/NavHeader/SiteMessages.vue
+++ b/src/layout/components/NavHeader/SiteMessages.vue
@@ -6,6 +6,7 @@
       </el-link>
     </el-badge>
     <el-drawer
+      class="drawer"
       :visible.sync="show"
       :before-close="handleClose"
       :modal="false"
@@ -17,7 +18,7 @@
       <div slot="title">
         <span>{{ $t('notifications.SiteMessage') }}</span>
         <div v-if="unreadMsgCount !== 0" class="msg-list-all-read-btn" @click.stop="oneClickRead(messages)">
-          <a> {{ $t('notifications.OneClickRead') }}</a>
+          <a style="vertical-align: sub;"> {{ $t('notifications.AllClickRead') }}</a>
         </div>
       </div>
       <div v-if="unreadMsgCount !== 0" class="msg-list">
@@ -201,6 +202,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.drawer {
+  height: calc(100% - 40px);
+}
 .el-badge ::v-deep .el-badge__content.is-fixed{
   top:10px;
 }