diff --git a/packages/react-chat/src/components/Card/styled.ts b/packages/react-chat/src/components/Card/styled.ts index 5a55294435..9631cfc0b8 100644 --- a/packages/react-chat/src/components/Card/styled.ts +++ b/packages/react-chat/src/components/Card/styled.ts @@ -59,7 +59,7 @@ export const Description = styled(tag('p', 'description'), { typo: { size: '$1' }, color: '$darkGrey', whiteSpace: 'normal', - wordBreak: 'break-all', + wordBreak: 'break-word', }); export const Link = styled(tag('a', 'link'), { diff --git a/packages/react-chat/src/fixtures.ts b/packages/react-chat/src/fixtures.ts index a5d9b1f3df..b9a9085ed5 100644 --- a/packages/react-chat/src/fixtures.ts +++ b/packages/react-chat/src/fixtures.ts @@ -1,4 +1,3 @@ export const VF_ICON = 'https://cm4-production-assets.s3.amazonaws.com/1668625026913-vf-icon.png'; -export const MOCK_IMAGE_ID = 'Mg2Zmw4rtoI'; -export const MOCK_IMAGE = `https://source.unsplash.com/${MOCK_IMAGE_ID}/248x150`; +export const MOCK_IMAGE = 'https://picsum.photos/seed/9/300/200';