diff --git a/components/ComposeEmail.tsx b/components/ComposeEmail.tsx
index 5b0a044b..8f9023c2 100644
--- a/components/ComposeEmail.tsx
+++ b/components/ComposeEmail.tsx
@@ -203,9 +203,8 @@ export default function ComposeEmail({
               <div
                 ref={composeBodyRef}
                 contentEditable
-                className="prose max-w-none min-h-[200px] p-4 focus:outline-none border rounded-md"
+                className="prose max-w-none min-h-[200px] p-4 focus:outline-none border rounded-md bg-white"
                 suppressContentEditableWarning
-                dangerouslySetInnerHTML={{ __html: composeBody }}
                 onInput={(e: React.FormEvent<HTMLDivElement>) => {
                   const content = (e.target as HTMLDivElement).innerHTML;
                   setComposeBody(content);
@@ -214,7 +213,15 @@ export default function ComposeEmail({
                   const content = e.currentTarget.innerHTML;
                   setComposeBody(content);
                 }}
-              />
+                style={{ 
+                  outline: 'none',
+                  cursor: 'text',
+                  whiteSpace: 'pre-wrap',
+                  wordBreak: 'break-word'
+                }}
+              >
+                {composeBody}
+              </div>
             </div>
           </div>
         </div>