diff --git a/templates/repo/diff/comment_form.tmpl b/templates/repo/diff/comment_form.tmpl
index a2867257229..e201db46875 100644
--- a/templates/repo/diff/comment_form.tmpl
+++ b/templates/repo/diff/comment_form.tmpl
@@ -2,7 +2,7 @@
 	{{if $.hidden}}
 		<button class="comment-form-reply ui green labeled icon tiny button"><i class="reply icon"></i> {{$.root.i18n.Tr "repo.diff.comment.reply"}}</button>
 	{{end}}
-	<form class="ui form {{if $.hidden}}hide{{end}} comment-form comment-form-reply" action="{{$.root.Issue.HTMLURL}}/files/reviews/comments" method="post">
+	<form class="ui form {{if $.hidden}}hide comment-form comment-form-reply{{end}}" action="{{$.root.Issue.HTMLURL}}/files/reviews/comments" method="post">
 	{{$.root.CsrfTokenHtml}}
 		<input type="hidden" name="latest_commit_id" value="{{$.root.AfterCommitID}}"/>
 		<input type="hidden" name="side" value="{{if $.Side}}{{$.Side}}{{end}}">
diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less
index 47b020d4e11..148d65e717d 100644
--- a/web_src/less/_repository.less
+++ b/web_src/less/_repository.less
@@ -807,6 +807,10 @@
                 .author {
                     font-weight: 700;
                 }
+
+                .comment-form-reply .footer {
+                    padding-bottom: 1em;
+                }
             }
 
             .comment {
diff --git a/web_src/less/_review.less b/web_src/less/_review.less
index f146cc1da8a..38e5c627939 100644
--- a/web_src/less/_review.less
+++ b/web_src/less/_review.less
@@ -17,6 +17,12 @@
     }
 }
 
+.add-comment-left.add-comment-right .ui.attached.header {
+    border: 1px solid #d4d4d5;
+    margin-bottom: .5em;
+    margin-top: .5em;
+}
+
 .focus-lines-new .ui.button.add-code-comment.add-code-comment-right,
 .focus-lines-old .ui.button.add-code-comment.add-code-comment-left {
     opacity: 1;