diff --git a/web/src/components/ChatBox/ChatBoxPlaceholder.tsx b/web/src/components/ChatBox/ChatBoxPlaceholder.tsx
index 17323068..d1047725 100644
--- a/web/src/components/ChatBox/ChatBoxPlaceholder.tsx
+++ b/web/src/components/ChatBox/ChatBoxPlaceholder.tsx
@@ -6,16 +6,66 @@ export const ChatBoxPlaceholder: React.FC = React.memo(() => {
 
   return (
     <div className="px-2 w-2/3">
-      <Skeleton className="mb-2" avatar={true} paragraph={paragraph} />
-      <Skeleton className="mb-2" avatar={true} paragraph={paragraph} />
-      <Skeleton className="mb-2" avatar={true} paragraph={paragraph} />
-      <Skeleton className="mb-2" avatar={true} paragraph={paragraph} />
-      <Skeleton className="mb-2" avatar={true} paragraph={paragraph} />
-      <Skeleton className="mb-2" avatar={true} paragraph={paragraph} />
-      <Skeleton className="mb-2" avatar={true} paragraph={paragraph} />
-      <Skeleton className="mb-2" avatar={true} paragraph={paragraph} />
-      <Skeleton className="mb-2" avatar={true} paragraph={paragraph} />
-      <Skeleton className="mb-2" avatar={true} paragraph={paragraph} />
+      <Skeleton
+        className="mb-2"
+        active={true}
+        avatar={true}
+        paragraph={paragraph}
+      />
+      <Skeleton
+        className="mb-2"
+        active={true}
+        avatar={true}
+        paragraph={paragraph}
+      />
+      <Skeleton
+        className="mb-2"
+        active={true}
+        avatar={true}
+        paragraph={paragraph}
+      />
+      <Skeleton
+        className="mb-2"
+        active={true}
+        avatar={true}
+        paragraph={paragraph}
+      />
+      <Skeleton
+        className="mb-2"
+        active={true}
+        avatar={true}
+        paragraph={paragraph}
+      />
+      <Skeleton
+        className="mb-2"
+        active={true}
+        avatar={true}
+        paragraph={paragraph}
+      />
+      <Skeleton
+        className="mb-2"
+        active={true}
+        avatar={true}
+        paragraph={paragraph}
+      />
+      <Skeleton
+        className="mb-2"
+        active={true}
+        avatar={true}
+        paragraph={paragraph}
+      />
+      <Skeleton
+        className="mb-2"
+        active={true}
+        avatar={true}
+        paragraph={paragraph}
+      />
+      <Skeleton
+        className="mb-2"
+        active={true}
+        avatar={true}
+        paragraph={paragraph}
+      />
     </div>
   );
 });