diff --git a/js/src/features/compose/text-compose-step.tsx b/js/src/features/compose/text-compose-step.tsx
index 27144b8..a950216 100644
--- a/js/src/features/compose/text-compose-step.tsx
+++ b/js/src/features/compose/text-compose-step.tsx
@@ -114,7 +114,7 @@ export function TextComposeStep({
 
   return (
     <div className="absolute inset-0 z-50 flex items-center justify-center bg-black/90">
-      <div className="flex max-h-[calc(100%-6rem)] max-w-md flex-col gap-4 overflow-y-auto rounded-2xl bg-white/10 p-5 backdrop-blur-md">
+      <div className="mx-8 flex max-h-[calc(100%-6rem)] w-full flex-col gap-4 overflow-y-auto rounded-2xl bg-white/10 p-5 backdrop-blur-md">
         <textarea
           ref={textareaRef}
           value={textContent}