diff --git a/resources/assets/js/pages/manage/components/ProjectList.vue b/resources/assets/js/pages/manage/components/ProjectList.vue
index 3a1bb3ba4..1656c8004 100644
--- a/resources/assets/js/pages/manage/components/ProjectList.vue
+++ b/resources/assets/js/pages/manage/components/ProjectList.vue
@@ -14,6 +14,7 @@
             <div
                 v-if="ownerViewAvailable"
                 class="owner-view-button"
+                :class="{active: departmentOwnerProjectViewEnabled}"
                 @click="departmentOwnerViewShow=true">
                 <i class="taskfont">&#xe75c;</i>
                 <em v-if="departmentOwnerProjectViewEnabled">{{ownerDepartmentIds.length}}</em>
diff --git a/resources/assets/js/pages/manage/messenger.vue b/resources/assets/js/pages/manage/messenger.vue
index ed97ea194..dfcba4b56 100644
--- a/resources/assets/js/pages/manage/messenger.vue
+++ b/resources/assets/js/pages/manage/messenger.vue
@@ -31,7 +31,6 @@
                     <div
                         v-if="tabActive==='contacts'"
                         class="search-mode"
-                        :class="{active: contactsViewMode==='department'}"
                         :title="$L(contactsViewMode==='department' ? '按字母显示' : '按部门显示')"
                         @click="toggleContactsView">
                         <i v-if="contactsViewMode==='department'" class="taskfont">&#xe634;</i>
diff --git a/resources/assets/sass/pages/components/project-list.scss b/resources/assets/sass/pages/components/project-list.scss
index 5721fcc72..d635ec91b 100644
--- a/resources/assets/sass/pages/components/project-list.scss
+++ b/resources/assets/sass/pages/components/project-list.scss
@@ -58,20 +58,23 @@
             }
         }
 
+        // 与通讯录的部门切换按钮保持一致
         .owner-view-button {
             position: relative;
-            width: 32px;
+            width: 40px;
             height: 32px;
-            margin-left: 8px;
             flex-shrink: 0;
-            border-radius: 12px;
+            border-radius: 8px;
             display: flex;
             align-items: center;
             justify-content: center;
-            background: rgba(47, 128, 237, 0.08);
             color: #808695;
+            cursor: pointer;
+            &.active {
+                color: #84C56A;
+            }
             > i {
-                font-size: 18px;
+                font-size: 20px;
             }
             > em {
                 position: absolute;
diff --git a/resources/assets/sass/pages/page-messenger.scss b/resources/assets/sass/pages/page-messenger.scss
index c42205012..0c1ad350b 100644
--- a/resources/assets/sass/pages/page-messenger.scss
+++ b/resources/assets/sass/pages/page-messenger.scss
@@ -23,7 +23,7 @@
                 flex-shrink: 0;
                 .search-mode {
                     flex-shrink: 0;
-                    width: 32px;
+                    width: 40px;
                     height: 32px;
                     display: flex;
                     align-items: center;
@@ -35,10 +35,6 @@
                     .team {
                         font-size: 20px;
                     }
-                    &:hover,
-                    &.active {
-                        color: #84C56A;
-                    }
                 }
                 .search-wrapper {
                     flex: 1;