diff --git a/components/ComposeEmail.tsx b/components/ComposeEmail.tsx
index e9a62c63..3a75284f 100644
--- a/components/ComposeEmail.tsx
+++ b/components/ComposeEmail.tsx
@@ -216,9 +216,9 @@ export default function ComposeEmail({
               <div
                 ref={composeBodyRef}
                 contentEditable
-                className="h-full p-4 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+                className="h-full p-4 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 prose max-w-none"
                 onInput={handleInput}
-                suppressContentEditableWarning
+                dangerouslySetInnerHTML={{ __html: composeBody }}
               />
             </div>
           </div>