diff --git a/frontend/src/pages/org-admin/org-web-settings.js b/frontend/src/pages/org-admin/org-web-settings.js
deleted file mode 100644
index 7185ecde82..0000000000
--- a/frontend/src/pages/org-admin/org-web-settings.js
+++ /dev/null
@@ -1,85 +0,0 @@
-import React, { Component, Fragment } from 'react';
-import { Utils } from '../../utils/utils';
-import { seafileAPI } from '../../utils/seafile-api';
-import { gettext, isPro, orgID, } from '../../utils/constants';
-import Loading from '../../components/loading';
-import toaster from '../../components/toast';
-import MainPanelTopbar from './main-panel-topbar';
-import Section from './section';
-import InputItem from './web-settings-input-item';
-
-
-class OrgWebSettings extends Component {
-
-  constructor(props) {
-    super(props);
-    this.state = {
-      loading: true,
-      errorMsg: '',
-      config_dict: null,
-    };
-  }
-
-  componentDidMount () {
-    seafileAPI.orgAdminGetSysSettingInfo(orgID).then((res) => {
-      this.setState({
-        loading: false,
-        config_dict: res.data
-      });
-    }).catch((error) => {
-      this.setState({
-        loading: false,
-        errorMsg: Utils.getErrorMsg(error, true) // true: show login tip if 403
-      });
-    });
-  }
-
-  saveSetting = (key, value) => {
-    seafileAPI.orgAdminSetSysSettingInfo(orgID, key, value).then((res) => {
-      this.setState({
-        config_dict: res.data
-      });
-      toaster.success(gettext('Success'));
-    }).catch((error) => {
-      let errMessage = Utils.getErrorMsg(error);
-      toaster.danger(errMessage);
-    });
-  }
-
-  render() {
-    const { loading, errorMsg, config_dict } = this.state;
-    return (
-      <Fragment>
-        <MainPanelTopbar />
-        <div className="main-panel-center flex-row">
-          <div className="cur-view-container">
-            <div className="cur-view-path">
-              <h3 className="sf-heading">{gettext('Settings')}</h3>
-            </div>
-            <div className="cur-view-content container mw-100">
-              {loading && <Loading />}
-              {errorMsg && <p className="error text-center mt-4">{errorMsg}</p>}
-              {(!loading && !errorMsg) && config_dict &&
-              <Fragment>
-                <Section headingText='File Upload'>
-                  <Fragment>
-                    <InputItem
-                      saveSetting={this.saveSetting}
-                      displayName='file_ext_white_list'
-                      keyText='file_ext_white_list'
-                      value={config_dict['file_ext_white_list']}
-                      helpTip={gettext('File upload format whitelist. For example: "md;txt;docx", empty means no limit.')}
-                    />
-                  </Fragment>
-                </Section>
-              </Fragment>
-              }
-            </div>
-          </div>
-        </div>
-      </Fragment>
-    );
-  }
-}
-
-export default OrgWebSettings;
diff --git a/frontend/src/pages/org-admin/web-settings/web-settings.js b/frontend/src/pages/org-admin/web-settings/web-settings.js
index bbf3d655fe..bcaff1a57f 100644
--- a/frontend/src/pages/org-admin/web-settings/web-settings.js
+++ b/frontend/src/pages/org-admin/web-settings/web-settings.js
@@ -119,10 +119,10 @@ class OrgWebSettings extends Component {
                   <Fragment>
                     <InputItem
                       saveSetting={this.updateFileExtWhiteList}
-                      displayName='file_ext_white_list'
+                      displayName={gettext('File extension white list')}
                       keyText='file_ext_white_list'
                       value={file_ext_white_list}
-                      helpTip={gettext('File upload format whitelist via web UI and API. For example: "md;txt;docx", empty means no limit.')}
+                      helpTip={gettext('File extension white list for file upload via web UI and API. For example, "md;txt;docx". Empty means no limit.')}
                     />
                   </Fragment>
                 </Section>