diff --git a/src/ui/MessageContent/index.tsx b/src/ui/MessageContent/index.tsx
index c62e33fbd..546f5685c 100644
--- a/src/ui/MessageContent/index.tsx
+++ b/src/ui/MessageContent/index.tsx
@@ -1,4 +1,4 @@
-import React, { ReactElement, ReactNode, useRef, useState } from 'react';
+import React, { ReactElement, ReactNode, useEffect, useRef, useState } from 'react';
 import format from 'date-fns/format';
 import './index.scss';
 
@@ -175,6 +175,12 @@ export function MessageContent(props: MessageContentProps): ReactElement {
   );
   const useReplyingClassName = useReplying ? 'use-quote' : '';
 
+  useEffect(() => {
+    if (useReplying) {
+      onMessageHeightChange?.();
+    }
+  }, [useReplying]);
+
   // Thread replies
   const displayThreadReplies = message?.threadInfo?.replyCount
     && message.threadInfo.replyCount > 0