From 6daa566866950adde47bbe1d16398b96edf6c0ec Mon Sep 17 00:00:00 2001
From: Nina <nina.bondar@voiceflow.com>
Date: Thu, 27 Jun 2024 16:35:43 -0400
Subject: [PATCH] fix: word break in card descriptions && image mock
 url(DX-1996) (#148)

---
 packages/react-chat/src/components/Card/styled.ts | 2 +-
 packages/react-chat/src/fixtures.ts               | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)

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';