diff --git a/packages/client/components/ThreadedReplyButton.tsx b/packages/client/components/ThreadedReplyButton.tsx
index 015c78b3aef..dda689cd45f 100644
--- a/packages/client/components/ThreadedReplyButton.tsx
+++ b/packages/client/components/ThreadedReplyButton.tsx
@@ -18,8 +18,14 @@ interface Props {
 
 const ThreadedReplyButton = (props: Props) => {
   const {onReply, dataCy} = props
+
+  const onClick = (e: React.MouseEvent<HTMLButtonElement>) => {
+    // stop propagating so the new reply is not immediately cancelled
+    e.stopPropagation()
+    onReply()
+  }
   return (
-    <Reply data-cy={`${dataCy}-reply-button`} onClick={onReply}>
+    <Reply data-cy={`${dataCy}-reply-button`} onClick={onClick}>
       Reply
     </Reply>
   )