diff --git a/components/ComposeEmail.tsx b/components/ComposeEmail.tsx
index eb65cb52..5b0a044b 100644
--- a/components/ComposeEmail.tsx
+++ b/components/ComposeEmail.tsx
@@ -205,8 +205,14 @@ export default function ComposeEmail({
                 contentEditable
                 className="prose max-w-none min-h-[200px] p-4 focus:outline-none border rounded-md"
                 suppressContentEditableWarning
+                dangerouslySetInnerHTML={{ __html: composeBody }}
                 onInput={(e: React.FormEvent<HTMLDivElement>) => {
-                  setComposeBody((e.target as HTMLDivElement).innerHTML);
+                  const content = (e.target as HTMLDivElement).innerHTML;
+                  setComposeBody(content);
+                }}
+                onBlur={(e: React.FocusEvent<HTMLDivElement>) => {
+                  const content = e.currentTarget.innerHTML;
+                  setComposeBody(content);
                 }}
               />
             </div>