diff --git a/app/courrier/page.tsx b/app/courrier/page.tsx
index f531ef39..d990dc2b 100644
--- a/app/courrier/page.tsx
+++ b/app/courrier/page.tsx
@@ -1678,12 +1678,13 @@ export default function CourrierPage() {
                 <div className="flex-1 overflow-auto">
                   <div
                     contentEditable
-                    className="prose max-w-none min-h-[200px] p-4 focus:outline-none"
+                    className="prose max-w-none min-h-[200px] p-4 focus:outline-none border rounded-md"
                     dangerouslySetInnerHTML={{ __html: composeBody }}
                     onInput={(e) => {
                       const content = e.currentTarget.innerHTML;
                       setComposeBody(content);
                     }}
+                    style={{ whiteSpace: 'pre-wrap' }}
                   />
                 </div>
               </div>