diff --git a/frontend/src/components/dialog/share-to-user.js b/frontend/src/components/dialog/share-to-user.js
index 26be72b810..422a03e625 100644
--- a/frontend/src/components/dialog/share-to-user.js
+++ b/frontend/src/components/dialog/share-to-user.js
@@ -133,8 +133,8 @@ class ShareToUser extends React.Component {
           obj.email = res.data.users[i].email;
           obj.label =
             <Fragment>
-              <img src={res.data.users[i].avatar_url} className="avatar reviewer-select-avatar" alt=""/>
-              <span className='reviewer-select-name'>{res.data.users[i].name}</span>
+              <img src={res.data.users[i].avatar_url} className="select-module select-module-icon avatar" alt="Avatar"/>
+              <span className='select-module select-module-name'>{res.data.users[i].name}</span>
             </Fragment>;
           this.options.push(obj);
         }
diff --git a/media/css/seahub_react.css b/media/css/seahub_react.css
index 5b3b96c508..4560d77cad 100644
--- a/media/css/seahub_react.css
+++ b/media/css/seahub_react.css
@@ -1078,3 +1078,16 @@ table .menu-toggle {
 .wiki-list-table td {
     line-height: 1.5rem;
 }
+
+/* react select-module */
+.select-module {
+    font-size: 1rem;
+}
+.select-module.select-module-icon {
+    width: 1.5rem;
+    height: 1.5rem;
+}
+
+.select-module.select-module-name {
+    margin-left: 0.5rem;
+}