From 88d8dd9303790bce77c608452e74f336438218e3 Mon Sep 17 00:00:00 2001
From: Kaustubh Kumar <kaustubhkumar05@gmail.com>
Date: Wed, 30 Aug 2023 14:30:05 +0530
Subject: [PATCH] fix: empty chat img alignment

---
 .../roomkit-react/src/Prebuilt/components/Chat/ChatBody.jsx     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/roomkit-react/src/Prebuilt/components/Chat/ChatBody.jsx b/packages/roomkit-react/src/Prebuilt/components/Chat/ChatBody.jsx
index b3a205da95..b7670e363e 100644
--- a/packages/roomkit-react/src/Prebuilt/components/Chat/ChatBody.jsx
+++ b/packages/roomkit-react/src/Prebuilt/components/Chat/ChatBody.jsx
@@ -411,7 +411,7 @@ export const ChatBody = React.forwardRef(({ role, peerId, scrollToBottom, mwebSt
         justify="center"
       >
         <Box>
-          <img src={emptyChat} alt="Empty Chat" height={132} width={185} />
+          <img src={emptyChat} alt="Empty Chat" height={132} width={185} style={{ margin: '0 auto' }} />
           <Text variant="h5" css={{ mt: '$8', c: '$on_surface_high' }}>
             Start a conversation
           </Text>