diff --git a/src/components/messageStream/MessageBubble.tsx b/src/components/messageStream/MessageBubble.tsx
index be9c015..df05d6c 100644
--- a/src/components/messageStream/MessageBubble.tsx
+++ b/src/components/messageStream/MessageBubble.tsx
@@ -36,7 +36,7 @@ export function MessageBubble({ post }: { post: Post }) {
       id={`post-${post.id}`}
       className={`relative mx-auto rounded-2xl bg-ark-panel text-left shadow-sm ${
         isVisual
-          ? "w-[82vw] max-w-[320px] md:w-[52vw] md:max-w-[420px] lg:w-[52vw] lg:max-w-[680px] xl:w-[48vw] xl:max-w-[760px]"
+          ? "w-full max-w-[380px] md:max-w-[680px] lg:max-w-[900px] xl:max-w-[1120px]"
           : "inline-block max-w-[92%] md:max-w-[680px] lg:max-w-[760px] xl:max-w-[820px]"
       } ${isTextOnly ? "px-3 py-2" : "p-2"}`}
     >