diff --git a/resources/assets/js/pages/manage/messenger.vue b/resources/assets/js/pages/manage/messenger.vue
index 522fce073..b8ef9af6d 100644
--- a/resources/assets/js/pages/manage/messenger.vue
+++ b/resources/assets/js/pages/manage/messenger.vue
@@ -20,7 +20,7 @@
                         placement="bottom-start"
                         class="nav-menu"
                         @command="onActive">
-                        <div><i class="taskfont nav-icon">&#xe634;</i></div>
+                        <div class="nav-icon"><i class="taskfont">&#xe634;</i></div>
                         <EDropdownMenu v-slot="dropdown" class="messenger-nav-menu">
                             <EDropdownItem v-for="(item, key) in dialogMenus" :key="key" :command="item.type">
                                 <div class="messenger-nav-item" :class="{active: dialogActive==item.type}">
@@ -31,7 +31,7 @@
                         </EDropdownMenu>
                     </EDropdown>
                     <div
-                        v-for="(item, key) in computedType"
+                        v-for="(item, key) in typeItems"
                         :key="key"
                         :class="{active:dialogActive==item.type}"
                         @click="onActive(item.type)">
@@ -266,7 +266,7 @@ export default {
             return this.$route.name
         },
 
-        computedType() {
+        typeItems() {
             const {dialogActive, dialogMenus, dialogHistory} = this
             const types = []
             if (this.dialogHistory.includes(dialogActive)) {
diff --git a/resources/assets/sass/pages/page-messenger.scss b/resources/assets/sass/pages/page-messenger.scss
index 301572931..aeb4acd30 100644
--- a/resources/assets/sass/pages/page-messenger.scss
+++ b/resources/assets/sass/pages/page-messenger.scss
@@ -75,9 +75,16 @@
                     cursor: pointer;
                     &.nav-menu {
                         max-width: 46px;
-                    }
-                    .nav-icon {
-                        font-size: 16px;
+                        .nav-icon {
+                            width: 100%;
+                            height: 100%;
+                            display: flex;
+                            align-items: center;
+                            justify-content: center;
+                            > i {
+                                font-size: 16px;
+                            }
+                        }
                     }
                     .nav-title {
                         position: relative;