diff --git a/components/ComposeEmail.tsx b/components/ComposeEmail.tsx
index eee604cd..bff718e0 100644
--- a/components/ComposeEmail.tsx
+++ b/components/ComposeEmail.tsx
@@ -51,6 +51,13 @@ export default function ComposeEmail({
 }: ComposeEmailProps) {
   const composeBodyRef = useRef<HTMLDivElement>(null);
 
+  // Add useEffect to update content when composeBody changes
+  useEffect(() => {
+    if (composeBodyRef.current && composeBody !== composeBodyRef.current.innerHTML) {
+      composeBodyRef.current.innerHTML = composeBody;
+    }
+  }, [composeBody]);
+
   const handleInput = (e: React.FormEvent<HTMLDivElement>) => {
     if (composeBodyRef.current) {
       setComposeBody(composeBodyRef.current.innerHTML);