diff --git a/core/core-frontend/src/views/mobile/directory/index.vue b/core/core-frontend/src/views/mobile/directory/index.vue
index 4f53562440..528f61a75e 100644
--- a/core/core-frontend/src/views/mobile/directory/index.vue
+++ b/core/core-frontend/src/views/mobile/directory/index.vue
@@ -324,6 +324,7 @@ onMounted(() => {
 
   .direct-name-arr {
     height: 44px;
+    background-color: #f5f6f7;
     padding: 12px 16px;
     color: #646a73;
     display: flex;