diff --git a/ui/src/app/messages.tsx b/ui/src/app/messages.tsx
index 8800a97..ac0e40a 100644
--- a/ui/src/app/messages.tsx
+++ b/ui/src/app/messages.tsx
@@ -468,7 +468,7 @@ export default function MessagesSection({ chatId, maxCount = 20 }: Props) {
               <div
                 key={i}
                 className={cn(
-                  "mb-4 shrink-0 w-full max-w-[44%]",
+                  "mb-4 shrink-0 px-4 sm:px-8 w-full max-w-[44%]",
                   i % 2 === 0 ? "self-start" : "self-end",
                 )}
               >