diff --git a/frontend/src/components/dir-view/dir-panel.js b/frontend/src/components/dir-view/dir-panel.js
index c9414d1fbc..9d166d20ce 100644
--- a/frontend/src/components/dir-view/dir-panel.js
+++ b/frontend/src/components/dir-view/dir-panel.js
@@ -130,7 +130,7 @@ class DirPanel extends React.Component {
   }
 
   render() {
-    const errMessage = (<div className="message empty-tip err-message"><h2>{gettext('Folder does not exist.')}</h2></div>);
+    const errMessage = (<div className="message err-tip">{gettext('Folder does not exist.')}</div>);
     const showRepoInfoBar = this.props.path === '/' && (
                             this.props.usedRepoTags.length != 0 || this.props.readmeMarkdown != null ||
                             this.props.draftCounts != 0 || this.props.reviewCounts != 0);
diff --git a/frontend/src/pages/repo-wiki-mode/main-panel.js b/frontend/src/pages/repo-wiki-mode/main-panel.js
index 46d7d9c7d3..b3f70570e8 100644
--- a/frontend/src/pages/repo-wiki-mode/main-panel.js
+++ b/frontend/src/pages/repo-wiki-mode/main-panel.js
@@ -161,7 +161,7 @@ class MainPanel extends Component {
 
   render() {
 
-    const ErrMessage = (<div className="message empty-tip err-message"><h2>{gettext('Folder does not exist.')}</h2></div>);
+    const ErrMessage = (<div className="message err-tip">{gettext('Folder does not exist.')}</div>);
     const showRepoInfoBar = this.props.path === '/' && (
                             this.props.usedRepoTags.length != 0 || this.props.readmeMarkdown != null ||
                             this.props.draftCounts != 0 || this.props.reviewCounts != 0);
diff --git a/frontend/src/pages/wiki/main-panel.js b/frontend/src/pages/wiki/main-panel.js
index d0eba18e2a..b7ca4bdee0 100644
--- a/frontend/src/pages/wiki/main-panel.js
+++ b/frontend/src/pages/wiki/main-panel.js
@@ -70,7 +70,7 @@ class MainPanel extends Component {
 
 
   render() {
-    const errMessage = (<div className="message empty-tip err-message"><h2>{gettext('Folder does not exist.')}</h2></div>);
+    const errMessage = (<div className="message err-tip">{gettext('Folder does not exist.')}</div>);
     return (
       <div className="main-panel wiki-main-panel o-hidden">
         <div className="main-panel-top panel-top">
diff --git a/media/css/seahub_react.css b/media/css/seahub_react.css
index 49c7ed3baa..8d3caece5e 100644
--- a/media/css/seahub_react.css
+++ b/media/css/seahub_react.css
@@ -970,8 +970,16 @@ a.table-sort-op:focus {
     color: #222;
     font-weight: bold;
 }
-.err-message,
-.err-message h2{
+
+.err-tip {
+    margin: 2rem auto;
+    padding: 30px 40px;
+    font-size: 1rem;
+    color: #808080;
+    text-align: center;
+}
+
+.err-message {
     color: red;
 }