diff --git a/client/web/src/components/ChatBox/ChatMessageList/index.tsx b/client/web/src/components/ChatBox/ChatMessageList/index.tsx
index c3134ca7..08291921 100644
--- a/client/web/src/components/ChatBox/ChatMessageList/index.tsx
+++ b/client/web/src/components/ChatBox/ChatMessageList/index.tsx
@@ -13,7 +13,11 @@ export const ChatMessageList: React.FC<MessageListProps> = React.memo(
     );
 
     if (loading) {
-      return <LoadingSpinner />;
+      return (
+        <div className="flex-1">
+          <LoadingSpinner />
+        </div>
+      );
     }
 
     return useVirtualizedList ? (