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