fix: empty chat img alignment

100mslive · Aug 30, 2023 · 88d8dd9 · 88d8dd9
1 parent 0949260
commit 88d8dd9
Showing 1 changed file with 1 addition and 1 deletion.
diff --git 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>