diff --git a/frontend/src/components/search/search-filters/filter-by-creator.js b/frontend/src/components/search/search-filters/filter-by-creator.js
index ec503139a4..fcbb948e40 100644
--- a/frontend/src/components/search/search-filters/filter-by-creator.js
+++ b/frontend/src/components/search/search-filters/filter-by-creator.js
@@ -76,9 +76,7 @@ const FilterByCreator = ({ creatorList, onChange }) => {
     const getUsers = async () => {
       try {
         const res = await seafileAPI.searchUsers(searchValue);
-        const userList = res.data.users
-          .filter(user => user.name.toLowerCase().includes(searchValue.toLowerCase()));
-
+        const userList = res.data.users.filter(user => user.name.toLowerCase().includes(searchValue.toLowerCase()));
         setOptions(userList);
       } catch (err) {
         toaster.danger(Utils.getErrorMsg(err));
diff --git a/frontend/src/components/user-item/index.css b/frontend/src/components/user-item/index.css
index 896242e2a3..f7c35aed67 100644
--- a/frontend/src/components/user-item/index.css
+++ b/frontend/src/components/user-item/index.css
@@ -25,6 +25,7 @@
 
 .user-item .user-name {
   margin-left: 5px;
+  color: #212529;
 }
 
 .user-item .user-avatar img {