diff --git a/components/ComposeEmail.tsx b/components/ComposeEmail.tsx
index 5b83c1ef..4e181dc0 100644
--- a/components/ComposeEmail.tsx
+++ b/components/ComposeEmail.tsx
@@ -53,8 +53,7 @@ export default function ComposeEmail({
 
   const handleInput = (e: React.FormEvent<HTMLDivElement>) => {
     if (composeBodyRef.current) {
-      const content = composeBodyRef.current.textContent || '';
-      setComposeBody(content);
+      setComposeBody(composeBodyRef.current.innerHTML);
     }
   };
 
@@ -224,10 +223,9 @@ export default function ComposeEmail({
                   unicodeBidi: 'bidi-override'
                 }}
                 dir="ltr"
+                dangerouslySetInnerHTML={{ __html: composeBody }}
                 onInput={handleInput}
-              >
-                {composeBody}
-              </div>
+              />
             </div>
           </div>
         </div>