diff --git a/packages/chat/src/components/message.tsx b/packages/chat/src/components/message.tsx
index 7606370..322a218 100644
--- a/packages/chat/src/components/message.tsx
+++ b/packages/chat/src/components/message.tsx
@@ -80,7 +80,9 @@ export default function Message(props: {
       <div
         className={`flex gap-1 items-center justify-center max-w-[80%] rounded-lg px-2 py-px whitespace-pre-wrap wrap-break-word ${
           props.message.sent_by_self
-            ? "bg-primary text-primary-foreground"
+            ? props.message.failed
+              ? "bg-destructive/75 text-destructive-foreground"
+              : "bg-primary text-primary-foreground"
             : "bg-muted"
         } ${!isReady && "animate-pulse"}`}
       >
diff --git a/packages/chat/src/values.ts b/packages/chat/src/values.ts
index b27eb11..880091c 100644
--- a/packages/chat/src/values.ts
+++ b/packages/chat/src/values.ts
@@ -10,4 +10,4 @@ export type LiveMessage = RawMessage & {
   localId: string;
 };
 
-export const PAGE_SIZE = 25;
+export const PAGE_SIZE = 50;