diff --git a/components/email/ComposeEmail.tsx b/components/email/ComposeEmail.tsx
index 12018b43..adb9b1d6 100644
--- a/components/email/ComposeEmail.tsx
+++ b/components/email/ComposeEmail.tsx
@@ -411,24 +411,19 @@ export default function ComposeEmail(props: ComposeEmailAllProps) {
           </div>
         </div>
         
-        {/* Email Body Editor */}
+        {/* Email Body Editor - using same approach as Input components */}
         <div className="space-y-2">
           <div className="flex items-center justify-between">
             <label htmlFor="body" className="text-sm font-medium">Message</label>
           </div>
           
-          {/* Email editor - uses auto direction to detect content language */}
           <div className="border rounded-md overflow-hidden">
-            <div
-              ref={editorRef}
-              contentEditable={!sending}
-              className="w-full p-4 min-h-[300px] focus:outline-none"
-              onInput={handleEditorInput}
-              dangerouslySetInnerHTML={{ __html: emailContent }}
-              dir="auto"
-              style={{ 
-                textAlign: 'initial',
-              }}
+            <textarea
+              value={emailContent}
+              onChange={(e) => setEmailContent(e.target.value)}
+              className="w-full p-4 min-h-[300px] focus:outline-none resize-none"
+              placeholder="Write your message here..."
+              disabled={sending}
             />
           </div>
         </div>