fix: alignment

100mslive · KaustubhKumar05 · Jul 22, 2024 · Jul 1, 2024 · Jul 1, 2024 · Jul 1, 2024
commit d3f51b2f9227abb324a5f1f02a7ea7b4f0f3bea7
diff --git a/packages/roomkit-react/src/Prebuilt/components/PIP/PIPChat.tsx b/packages/roomkit-react/src/Prebuilt/components/PIP/PIPChat.tsx
@@ -44,15  44,15 @@ export const PIPChat = () => {
         ) : (
           filteredMessages.map(message => (
             <Box key={message.id} id={message.id} style={{ padding: '8px 0.75rem' }}>
-              <Flex align="center" justify="between" css={{ w: '100%' }}>
               <Flex style={{ width: '100%', alignItems: 'center', justifyContent: 'between' }}>
                 <Text
                   style={{ display: 'flex', justifyContent: 'between', width: '100%', alignItems: 'center' }}
                   css={{
                     color: '$on_surface_high',
                     fontWeight: '$semiBold',
                   }}
                 >
-                  <Flex align="center" css={{ flexGrow: 1, gap: '$1' }}>
                   <Flex style={{ flexGrow: 1, gap: '2px', alignItems: 'center' }}>
                     {message.senderName === 'You' || !message.senderName ? (
                       <Text as="span" variant="xs" css={{ color: '$on_surface_high', fontWeight: '$semiBold' }}>
                         {message.senderName || 'Anonymous'}