diff --git a/frontend/src/components/dirent-detail/detail-comments-list.js b/frontend/src/components/dirent-detail/detail-comments-list.js
index 932288f3e3..d98d8ad9d1 100644
--- a/frontend/src/components/dirent-detail/detail-comments-list.js
+++ b/frontend/src/components/dirent-detail/detail-comments-list.js
@@ -101,7 +101,7 @@ class DetailCommentList extends React.Component {
             className="add-comment-input" ref="commentTextarea" placeholder={gettext('Add a comment.')}
             clos="100" rows="3" warp="virtual"
           ></textarea>
-          <Button className="submit-comment" color="success" size="sm" onClick={this.submitComment}>{gettext('Submit')}</Button>
+          <Button className="submit-comment" color="primary" size="sm" onClick={this.submitComment}>{gettext('Submit')}</Button>
         </div>
       </div>
     );
@@ -189,7 +189,7 @@ class CommentItem extends React.Component {
             <textarea className="edit-comment-input" value={this.state.newComment}
               onChange={this.handleCommentChange} clos="100" rows="3" warp="virtual"
             ></textarea>
-            <Button className="comment-btn" color="success" size="sm" onClick={this.updateComment} id={item.id}>{gettext('Update')}</Button>{' '}
+            <Button className="comment-btn" color="primary" size="sm" onClick={this.updateComment} id={item.id}>{gettext('Update')}</Button>{' '}
             <Button className="comment-btn" color="secondary" size="sm" onClick={this.toggleEditComment}> {gettext('Cancel')}</Button>
           </div>
         </li>
diff --git a/frontend/src/components/file-view/comment-panel.js b/frontend/src/components/file-view/comment-panel.js
index 84a3f68531..0cabd5df64 100644
--- a/frontend/src/components/file-view/comment-panel.js
+++ b/frontend/src/components/file-view/comment-panel.js
@@ -130,7 +130,7 @@ class CommentPanel extends React.Component {
             placeholder={gettext('Add a comment.')}
             clos="100" rows="3" warp="virtual"></textarea>
           <Button
-            className="submit-comment" color="success"
+            className="submit-comment" color="primary"
             size="sm" onClick={this.submitComment} >
             {gettext('Submit')}</Button>
         </div>
diff --git a/frontend/src/components/review-list-view/review-comments.js b/frontend/src/components/review-list-view/review-comments.js
index 504bc32459..7a2f92a316 100644
--- a/frontend/src/components/review-list-view/review-comments.js
+++ b/frontend/src/components/review-list-view/review-comments.js
@@ -155,7 +155,7 @@ class ReviewComments extends React.Component {
               onChange={this.handleCommentChange}
               clos="100" rows="3" warp="virtual"
             ></textarea>
-            <Button className="comment-btn" color="success" size="sm" onClick={this.submitComment}>{gettext('Submit')}</Button>
+            <Button className="comment-btn" color="primary" size="sm" onClick={this.submitComment}>{gettext('Submit')}</Button>
           </div>
         </div>
       </div>
@@ -251,7 +251,7 @@ class CommentItem extends React.Component {
               onChange={this.handleCommentChange}
               clos="100" rows="3" warp="virtual"
             ></textarea>
-            <Button className="comment-btn" color="success" size="sm" onClick={this.updateComment} id={item.id}>
+            <Button className="comment-btn" color="primary" size="sm" onClick={this.updateComment} id={item.id}>
               {gettext('Update')}</Button>{' '}
             <Button className="comment-btn" color="secondary" size="sm" onClick={this.toggleEditComment}>
               {gettext('Cancel')}</Button>
diff --git a/frontend/src/css/review-comments.css b/frontend/src/css/review-comments.css
index 50e6555750..1c752888a5 100644
--- a/frontend/src/css/review-comments.css
+++ b/frontend/src/css/review-comments.css
@@ -140,6 +140,7 @@
 .seafile-comment-footer .seafile-add-comment .comment-btn,
 .seafile-edit-comment .comment-btn {
   height: 28px;
+  width: 60px;
 }
 .seafile-edit-comment {
   margin-top: 10px;