diff --git a/frontend/src/components/dialog/edit-filetag-dialog.js b/frontend/src/components/dialog/edit-filetag-dialog.js
index 38f9f7d918..275f6a18ff 100644
--- a/frontend/src/components/dialog/edit-filetag-dialog.js
+++ b/frontend/src/components/dialog/edit-filetag-dialog.js
@@ -53,6 +53,7 @@ class EditFileTagDialog extends React.Component {
       let filePath = this.props.filePath;
       seafileAPI.addFileTag(repoID, filePath, id).then(() => {
         repoTagIdList = this.getRepoTagIdList();
+        this.props.onFileTagChanged();
       });
     } else {
       let fileTag = null;
@@ -65,9 +66,9 @@ class EditFileTagDialog extends React.Component {
       } 
       seafileAPI.deleteFileTag(repoID, fileTag.id).then(() => {
         repoTagIdList = this.getRepoTagIdList();
+        this.props.onFileTagChanged();
       });
     }
-    this.props.onFileTagChanged();
   }
 
   toggle = () => {
diff --git a/frontend/src/css/layout.css b/frontend/src/css/layout.css
index 25e539875d..9d4e487d69 100644
--- a/frontend/src/css/layout.css
+++ b/frontend/src/css/layout.css
@@ -112,8 +112,8 @@
 }
 
 .cur-view-detail {
+  flex: 0 0 20rem;
   display: flex;
-  width: 20rem;
 }
 
 /* for reach/router */