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 de7405ee68..39ddadd5ed 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
@@ -42,7 +42,7 @@ class AddOrUpdateTermDialog extends React.Component {
   }
 
   handleNameChange = (e) => {
-    this.setState({name: e.target.value.trim()});
+    this.setState({name: e.target.value});
   };
 
   handleVersionNumberChange = (e) => {
diff --git a/frontend/src/components/terms-preview-widget.js b/frontend/src/components/terms-preview-widget.js
index b6b65c0ffe..e7b6848c05 100644
--- a/frontend/src/components/terms-preview-widget.js
+++ b/frontend/src/components/terms-preview-widget.js
@@ -3,6 +3,8 @@ import PropTypes from 'prop-types';
 import { processor } from '@seafile/seafile-editor';
 import Loading from './loading';
 
+import '../css/terms-preview.css';
+
 const propTypes = {
   content: PropTypes.string,
   onContentClick: PropTypes.func,
diff --git a/frontend/src/css/terms-preview.css b/frontend/src/css/terms-preview.css
new file mode 100644
index 0000000000..505887e15f
--- /dev/null
+++ b/frontend/src/css/terms-preview.css
@@ -0,0 +1,3 @@
+.conditions-preview-container {
+  word-break: break-word;
+}