diff --git a/frontend/src/components/dialog/sysadmin-dialog/sysadmin-add-or-update-term-dialog.js b/frontend/src/components/dialog/sysadmin-dialog/sysadmin-add-or-update-term-dialog.js
index 0d4a32cb1e..5e9fe514a8 100644
--- a/frontend/src/components/dialog/sysadmin-dialog/sysadmin-add-or-update-term-dialog.js
+++ b/frontend/src/components/dialog/sysadmin-dialog/sysadmin-add-or-update-term-dialog.js
@@ -2,7 +2,7 @@ import React, {Fragment} from 'react';
 import PropTypes from 'prop-types';
 import { Button, Modal, ModalHeader, ModalBody, ModalFooter, Input, Alert, FormGroup, Label } from 'reactstrap';
 import { gettext } from '../../../utils/constants';
-import TermsPreviewWidget from '../terms-preview-widget';
+import TermsPreviewWidget from '../../terms-preview-widget';
 import TermsEditorDialog from '../terms-editor-dialog';
 
 import '../../../css/terms-conditions-editor.css';
diff --git a/frontend/src/components/dialog/terms-preview-dialog.js b/frontend/src/components/dialog/terms-preview-dialog.js
index 260ffa940e..0a941ab822 100644
--- a/frontend/src/components/dialog/terms-preview-dialog.js
+++ b/frontend/src/components/dialog/terms-preview-dialog.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Modal, ModalHeader, ModalBody } from 'reactstrap';
-import TermsPreviewWidget from './terms-preview-widget';
+import TermsPreviewWidget from '../terms-preview-widget';
 import { gettext } from '../../utils/constants';
 
 const propTypes = {
diff --git a/frontend/src/components/dialog/terms-preview-widget.js b/frontend/src/components/terms-preview-widget.js
similarity index 97%
rename from frontend/src/components/dialog/terms-preview-widget.js
rename to frontend/src/components/terms-preview-widget.js
index d21599c75c..a969032ded 100644
--- a/frontend/src/components/dialog/terms-preview-widget.js
+++ b/frontend/src/components/terms-preview-widget.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { processor } from '@seafile/seafile-editor/dist/utils/seafile-markdown2html';
-import Loading from '../loading';
+import Loading from './loading';
 
 const propTypes = {
   content: PropTypes.string,