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