diff --git a/components/ComposeEmail.tsx b/components/ComposeEmail.tsx
index 3a75284f..f115a49e 100644
--- a/components/ComposeEmail.tsx
+++ b/components/ComposeEmail.tsx
@@ -216,7 +216,8 @@ 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 prose max-w-none"
+                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 bg-white"
+                style={{ cursor: 'text', whiteSpace: 'pre-wrap', wordBreak: 'break-word' }}
                 onInput={handleInput}
                 dangerouslySetInnerHTML={{ __html: composeBody }}
               />