diff --git a/templates/repo/issue/view_content/comments.tmpl b/templates/repo/issue/view_content/comments.tmpl
index c3cc94dfb3..bde6a0b5b2 100644
--- a/templates/repo/issue/view_content/comments.tmpl
+++ b/templates/repo/issue/view_content/comments.tmpl
@@ -580,7 +580,9 @@
 								}}
 							</span>
 							{{if $.Issue.PullRequest.BaseRepo.Name}}
-								<a href="{{$.Issue.PullRequest.BaseRepo.Link}}/compare/{{PathEscape .OldCommit}}..{{PathEscape .NewCommit}}" rel="nofollow" class="ui compare label">{{ctx.Locale.Tr "repo.issues.force_push_compare"}}</a>
+								<span class="compare">
+									<a href="{{$.Issue.PullRequest.BaseRepo.Link}}/compare/{{PathEscape .OldCommit}}..{{PathEscape .NewCommit}}" rel="nofollow" class="ui compare label">{{ctx.Locale.Tr "repo.issues.force_push_compare"}}</a>
+								</span>
 							{{end}}
 						</span>
 					{{else}}
diff --git a/web_src/css/repo.css b/web_src/css/repo.css
index d51b340e0f..c9bd7da02f 100644
--- a/web_src/css/repo.css
+++ b/web_src/css/repo.css
@@ -886,6 +886,16 @@ citation-information .tab:not(.active) {
     display: grid;
     grid-template-columns: 1fr auto;
     column-gap: 1rem;
+    span.compare {
+      /* Same height as .timeline-item .badge for alignment */
+      height: 34px;
+    }
+  }
+}
+
+@media (max-width: 767.98px) {
+  .repository.view.issue .comment-list .timeline-item .forced-push span.compare {
+    margin-inline-start: 1rem;
   }
 }