diff --git a/frontend/src/pages/sys-admin/users/users-filter-bar.css b/frontend/src/pages/sys-admin/users/users-filter-bar.css
index 55a1136bfe..c11bd48102 100644
--- a/frontend/src/pages/sys-admin/users/users-filter-bar.css
+++ b/frontend/src/pages/sys-admin/users/users-filter-bar.css
@@ -27,8 +27,3 @@
   display: flex;
   justify-content: space-between;
 }
-
-.users-filter-bar .dropdown-menu .dropdown-item:hover .sf2-icon-tick,
-.users-filter-bar .dropdown-menu .dropdown-item:focus .sf2-icon-tick {
-  color: #fff !important;
-}
diff --git a/media/css/seahub_react.css b/media/css/seahub_react.css
index 2958e1827a..1a9c141e52 100644
--- a/media/css/seahub_react.css
+++ b/media/css/seahub_react.css
@@ -1099,6 +1099,10 @@ a.table-sort-op:hover {
   color: #8c8c8c;
 }
 
+.dropdown-item .sf2-icon-tick {
+  color: #798d99;
+}
+
 .btn-secondary.dropdown-toggle.dropdown-item {
   line-height: 1.5;
 }
@@ -1113,7 +1117,9 @@ a.table-sort-op:hover {
 .dropdown-item:hover .dropdown-item-icon,
 .dropdown-item:hover .btn .dropdown-item-icon,
 .dropdown-item:focus .dropdown-item-icon,
-.dropdown-item:focus .btn .dropdown-item-icon {
+.dropdown-item:focus .btn .dropdown-item-icon,
+.dropdown-item:hover .sf2-icon-tick,
+.dropdown-item:focus .sf2-icon-tick {
   color: #fff;
 }