diff --git a/frontend/src/pages/markdown-editor/css/header-toolbar.css b/frontend/src/pages/markdown-editor/css/header-toolbar.css
new file mode 100644
index 0000000000..96f201b6a8
--- /dev/null
+++ b/frontend/src/pages/markdown-editor/css/header-toolbar.css
@@ -0,0 +1,25 @@
+.seafile-btn-view-review {
+  display: flex;
+  align-items: center;
+}
+
+.seafile-btn-view-review .tag:hover {
+  cursor: pointer;
+}
+
+.topbar-btn-container {
+  display: flex;
+  align-items: center;
+}
+
+.seafile-btn-add-review {
+  margin-right: 10px;
+}
+
+.btn-new-draft {
+  margin-right: 10px;
+}
+
+.collab-users-dropdown.dropdown {
+  margin-right: 6px;
+}
diff --git a/frontend/src/pages/markdown-editor/header-toolbar/header-toolbar.js b/frontend/src/pages/markdown-editor/header-toolbar/header-toolbar.js
index 86e8f15256..69817e9dee 100644
--- a/frontend/src/pages/markdown-editor/header-toolbar/header-toolbar.js
+++ b/frontend/src/pages/markdown-editor/header-toolbar/header-toolbar.js
@@ -7,6 +7,8 @@ import CollabUsersButton from './collab-users-button';
 import MoreMenu from './more-menu';
 import FileInfo from './file-info';
 
+import '../css/header-toolbar.css';
+
 const { seafileCollabServer } = window.app.config;
 const { canDownloadFile } = window.app.pageOptions;