diff --git a/resources/assets/js/pages/manage/messenger.vue b/resources/assets/js/pages/manage/messenger.vue
index e699cb39..8d1d5148 100644
--- a/resources/assets/js/pages/manage/messenger.vue
+++ b/resources/assets/js/pages/manage/messenger.vue
@@ -29,7 +29,7 @@
                             v-for="(dialog, key) in dialogList"
                             :ref="`dialog_${dialog.id}`"
                             :key="key"
-                            :class="{active: dialog.id == dialogId}"
+                            :class="[{active: dialog.id == dialogId},{top:dialog.top === 1}]"
                             @click="openDialog(dialog, true)"
                             @contextmenu.prevent.stop="handleRightClick($event, dialog)">
                             <template v-if="dialog.type=='group'">
diff --git a/resources/assets/sass/pages/page-messenger.scss b/resources/assets/sass/pages/page-messenger.scss
index 00e7c1d0..38c6abd6 100644
--- a/resources/assets/sass/pages/page-messenger.scss
+++ b/resources/assets/sass/pages/page-messenger.scss
@@ -189,6 +189,9 @@
                                 left: 42px;
                                 transform: scale(0.8);
                             }
+                            &.top {
+                                background-color: #f1f6fb;
+                            }
                             &.active {
                                 background-color: #F4F5F7;
                             }