diff --git a/frontend/src/components/cur-dir-path/dir-tool.js b/frontend/src/components/cur-dir-path/dir-tool.js
index 79b17432be..f61050b315 100644
--- a/frontend/src/components/cur-dir-path/dir-tool.js
+++ b/frontend/src/components/cur-dir-path/dir-tool.js
@@ -50,13 +50,6 @@ class DirTool extends React.Component {
     });
   }
 
-  onListRepoTagToggle = () => {
-    this.setState({
-      isTagDialogShow: !this.state.isTagDialogShow,
-      isListRepoTagShow: !this.state.isListRepoTagShow
-    });
-  }
-
   onCreateRepoTagToggle = () => {
     this.setState({
       isCreateRepoTagShow: !this.state.isCreateRepoTagShow,
diff --git a/frontend/src/components/dialog/create-tag-dialog.js b/frontend/src/components/dialog/create-tag-dialog.js
index 88055c830b..9da1e57b11 100644
--- a/frontend/src/components/dialog/create-tag-dialog.js
+++ b/frontend/src/components/dialog/create-tag-dialog.js
@@ -7,7 +7,7 @@ import { seafileAPI } from '../../utils/seafile-api';
 const propTypes = {
   repoID: PropTypes.string.isRequired,
   toggleCancel: PropTypes.func.isRequired,
-  togglePopup: PropTypes.func.isRequired
+  onClose: PropTypes.func.isRequired
 };
 
 class CreateTagDialog extends React.Component {
@@ -62,7 +62,7 @@ class CreateTagDialog extends React.Component {
     return (
       <Fragment>
         <ModalHeader toggle={this.props.onClose}>
-          <span className="tag-popup-back fas fa-sm fa-arrow-left" onClick={this.props.toggleCancel} aria-label={gettext('Back')}></span>
+          <span className="tag-dialog-back fas fa-sm fa-arrow-left" onClick={this.props.toggleCancel} aria-label={gettext('Back')}></span>
           {gettext('New Tag')}
         </ModalHeader>
         <ModalBody>
diff --git a/frontend/src/components/dialog/list-taggedfiles-dialog.js b/frontend/src/components/dialog/list-taggedfiles-dialog.js
index 98ffc2d671..a0ad183cb1 100644
--- a/frontend/src/components/dialog/list-taggedfiles-dialog.js
+++ b/frontend/src/components/dialog/list-taggedfiles-dialog.js
@@ -10,7 +10,7 @@ const propTypes = {
   repoID: PropTypes.string.isRequired,
   currentTag: PropTypes.object.isRequired,
   toggleCancel: PropTypes.func.isRequired,
-  togglePopup: PropTypes.func.isRequired
+  onClose: PropTypes.func.isRequired
 };
 
 class ListTaggedFilesDialog extends React.Component {
@@ -46,7 +46,7 @@ class ListTaggedFilesDialog extends React.Component {
     return (
       <Fragment>
         <ModalHeader toggle={this.props.onClose}>
-          <span className="tag-popup-back fas fa-sm fa-arrow-left" onClick={this.props.toggleCancel} aria-label={gettext('Back')}></span>
+          <span className="tag-dialog-back fas fa-sm fa-arrow-left" onClick={this.props.toggleCancel} aria-label={gettext('Back')}></span>
           {gettext('Tagged Files')}
         </ModalHeader>
         <ModalBody className="dialog-list-container">
diff --git a/frontend/src/components/dialog/update-tag-dialog.js b/frontend/src/components/dialog/update-tag-dialog.js
index 627a11616c..b1dc2647e8 100644
--- a/frontend/src/components/dialog/update-tag-dialog.js
+++ b/frontend/src/components/dialog/update-tag-dialog.js
@@ -8,7 +8,7 @@ const propTypes = {
   currentTag: PropTypes.object,
   repoID: PropTypes.string.isRequired,
   toggleCancel: PropTypes.func.isRequired,
-  togglePopup: PropTypes.func.isRequired
+  onClose: PropTypes.func.isRequired
 };
 
 class UpdateTagDialog extends React.Component {
@@ -75,7 +75,7 @@ class UpdateTagDialog extends React.Component {
     return (
       <Fragment>
         <ModalHeader toggle={this.props.onClose}>
-          <span className="tag-popup-back fas fa-sm fa-arrow-left" onClick={this.props.toggleCancel} aria-label={gettext('Back')}></span>
+          <span className="tag-dialog-back fas fa-sm fa-arrow-left" onClick={this.props.toggleCancel} aria-label={gettext('Back')}></span>
           {gettext('Edit Tag')}
         </ModalHeader>
         <ModalBody>
diff --git a/frontend/src/css/repo-tag.css b/frontend/src/css/repo-tag.css
index 4653b85917..d0efbea007 100644
--- a/frontend/src/css/repo-tag.css
+++ b/frontend/src/css/repo-tag.css
@@ -93,12 +93,12 @@
   background-color: #bbb;
 }
 
-.tag-popup-back {
+.tag-dialog-back {
   color: #888;
   cursor: pointer;
   margin-right: 10px;
 }
-.tag-popup-back:hover,
-.tag-popup-back:focus {
+.tag-dialog-back:hover,
+.tag-dialog-back:focus {
   color: #444;
 }