From a78b849d19ea73bd33ef4d99d826aee54d64d171 Mon Sep 17 00:00:00 2001
From: alma <alma@governance-labs.org>
Date: Mon, 21 Apr 2025 20:12:57 +0200
Subject: [PATCH] mail page fix design

---
 components/ComposeEmail.tsx | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/components/ComposeEmail.tsx b/components/ComposeEmail.tsx
index 5894258c..dddc9296 100644
--- a/components/ComposeEmail.tsx
+++ b/components/ComposeEmail.tsx
@@ -224,16 +224,15 @@ export default function ComposeEmail({
             {/* Message Body */}
             <div className="flex-1">
               <Label htmlFor="message" className="block text-sm font-medium text-gray-700">Message</Label>
-              <div
-                ref={composeBodyRef}
-                contentEditable
-                onInput={handleInput}
+              <Textarea
+                id="message"
+                value={composeBody}
+                onChange={(e) => setComposeBody(e.target.value)}
                 className="w-full h-full mt-1 bg-white border border-gray-300 rounded-md p-2 text-gray-900 overflow-y-auto prose max-w-none"
                 style={{ 
                   minHeight: '200px',
                   direction: 'ltr',
-                  textAlign: 'left',
-                  unicodeBidi: 'bidi-override'
+                  textAlign: 'left'
                 }}
               />
             </div>