diff --git a/frontend/src/components/dirent-list-view/dirent-list-item.js b/frontend/src/components/dirent-list-view/dirent-list-item.js
index edf87a84f2..9a32ba1e0b 100644
--- a/frontend/src/components/dirent-list-view/dirent-list-item.js
+++ b/frontend/src/components/dirent-list-view/dirent-list-item.js
@@ -6,7 +6,7 @@ import { gettext, siteRoot, mediaUrl } from '../../utils/constants';
 import { Utils } from '../../utils/utils';
 import { seafileAPI } from '../../utils/seafile-api';
 import URLDecorator from '../../utils/url-decorator';
-import DropDownMenu from '../dropdown-menu/dropdown-menu';
+import ItemDropDownMenu from '../dropdown-menu/dropdown-menu';
 import Rename from '../rename';
 import ModalPortal from '../modal-portal';
 import MoveDirentDialog from '../dialog/move-dirent-dialog';
@@ -429,7 +429,7 @@ class DirentListItem extends React.Component {
                     <i className="op-icon sf2-icon-delete" title={gettext('Delete')} onClick={this.onItemDelete}></i>
                   </li>
                   <li className="operation-group-item">
-                    <DropDownMenu
+                    <ItemDropDownMenu
                       opItem={this.props.dirent}
                       menuType={'pc'}
                       menuClass={'sf2-icon-caret-down'}
@@ -460,7 +460,7 @@ class DirentListItem extends React.Component {
                     <i className="op-icon sf2-icon-delete" title={gettext('Delete')} onClick={this.onItemDelete}></i>
                   </li>
                   <li className="operation-group-item">
-                    <DropDownMenu
+                    <ItemDropDownMenu
                       opItem={this.props.dirent}
                       menuType={'pc'}
                       menuClass={'sf2-icon-caret-down'}
diff --git a/frontend/src/components/dropdown-menu/dropdown-menu.js b/frontend/src/components/dropdown-menu/item-dropdown-menu.js
similarity index 97%
rename from frontend/src/components/dropdown-menu/dropdown-menu.js
rename to frontend/src/components/dropdown-menu/item-dropdown-menu.js
index ff4733ace7..dcf73818dd 100644
--- a/frontend/src/components/dropdown-menu/dropdown-menu.js
+++ b/frontend/src/components/dropdown-menu/item-dropdown-menu.js
@@ -16,7 +16,7 @@ const propTypes = {
   onUnfrezeedItem: PropTypes.func,
 };
 
-class DropDownMenu extends React.Component {
+class ItemDropDownMenu extends React.Component {
 
   static defaultProps = {
     isHandleContextMenuEvent: true,
@@ -160,6 +160,6 @@ class DropDownMenu extends React.Component {
   }
 }
 
-DropDownMenu.propTypes = propTypes;
+ItemDropDownMenu.propTypes = propTypes;
 
-export default DropDownMenu;
+export default ItemDropDownMenu;
diff --git a/frontend/src/components/toolbar/mutilple-dir-operation-toolbar.js b/frontend/src/components/toolbar/mutilple-dir-operation-toolbar.js
index 67de358092..cec6cf45e9 100644
--- a/frontend/src/components/toolbar/mutilple-dir-operation-toolbar.js
+++ b/frontend/src/components/toolbar/mutilple-dir-operation-toolbar.js
@@ -13,7 +13,7 @@ import RelatedFileDialogs from '../dialog/related-file-dialogs';
 import EditFileTagDialog from '../dialog/edit-filetag-dialog';
 import ZipDownloadDialog from '../dialog/zip-download-dialog';
 import ModalPortal from '../modal-portal';
-import DropDownMenu from '../dropdown-menu/dropdown-menu';
+import ItemDropDownMenu from '../dropdown-menu/dropdown-menu';
 
 import '../../css/dirents-menu.css';
 
@@ -282,7 +282,7 @@ class MutipleDirOperationToolbar extends React.Component {
             <Button className="secondary group-op-item action-icon sf2-icon-delete" title={gettext('Delete')} onClick={this.onItemsDelete}></Button>
             <Button className="secondary group-op-item action-icon sf2-icon-download" title={gettext('Download')} onClick={this.onItemsDownload}></Button>
             {this.props.selectedDirentList.length === 1 &&
-              <DropDownMenu 
+              <ItemDropDownMenu 
                 tagName={'button'}
                 opItem={this.props.selectedDirentList[0]}
                 menuType={'pc'}