diff --git a/web/app/components/workflow/comment/thread.tsx b/web/app/components/workflow/comment/thread.tsx
index 14f6b00d74..1212abb7c1 100644
--- a/web/app/components/workflow/comment/thread.tsx
+++ b/web/app/components/workflow/comment/thread.tsx
@@ -205,8 +205,12 @@ export const CommentThread: FC<CommentThreadProps> = memo(({
     const isNewComment = comment.id !== previousCommentIdRef.current
     const hasNewReply = replies.length > previousReplyCountRef.current
 
-    if (isNewComment || hasNewReply)
-      container.scrollTop = container.scrollHeight
+    if (isNewComment || hasNewReply) {
+      container.scrollTo({
+        top: container.scrollHeight,
+        behavior: 'smooth',
+      })
+    }
 
     previousCommentIdRef.current = comment.id
     previousReplyCountRef.current = replies.length