diff --git a/frontend/src/components/tasks/partials/Comments.vue b/frontend/src/components/tasks/partials/Comments.vue
index e0aa85774..945956364 100644
--- a/frontend/src/components/tasks/partials/Comments.vue
+++ b/frontend/src/components/tasks/partials/Comments.vue
@@ -146,6 +146,7 @@
 			<div
 				v-if="canWrite"
 				class="media comment d-print-none"
+				:class="{'new-comment-top': commentSortOrder === 'desc'}"
 			>
 				<figure class="media-left is-hidden-mobile">
 					<img
@@ -656,6 +657,15 @@ function getCommentUrl(commentId: string) {
 	}
 }
 
+.comments {
+	display: flex;
+	flex-direction: column;
+}
+
+.new-comment-top {
+	order: -1;
+}
+
 .comments-container {
 	scroll-margin-block-start: 4rem;
 }