fix message ui

Author: KaichiManabe

web/components/chat/RoomWindow.tsx

@@ -209,13 +209,11 @@ export function RoomWindow(props: Props) {
                   </div>
                 ) : (
                   <div
-                    className={`rounded-xl p-2 shadow ${
+                    className={`flex max-w-[70vw] rounded-xl p-2 shadow ${
                       m.creator === myId ? "bg-secondary" : "bg-white"
                     }`}
                   >
-                    <p className="whitespace-pre-wrap break-words">
-                      {m.content}
-                    </p>
+                    <p className="whitespace-pre-wrap break-all">{m.content}</p>
                     {m.creator === myId && (
                       <Dots
                         actions={[