diff --git a/packages-answers/ui/src/ChatDrawer.tsx b/packages-answers/ui/src/ChatDrawer.tsx
index 8f2ffea7ae6..3bd6954d3f5 100644
--- a/packages-answers/ui/src/ChatDrawer.tsx
+++ b/packages-answers/ui/src/ChatDrawer.tsx
@@ -154,7 +154,16 @@ export default function ChatDrawer({ journeys: _journeys, chats: _chats, default
                                 <ListItemButton selected={pathname === `/chat/${chat.id}`} href={`/chat/${chat.id}`} component={NextLink}>
                                     <ListItemText
                                         secondary={chat.title}
-                                        sx={pathname === `/chat/${chat.id}` ? { '.MuiListItemText-secondary': { color: 'white' } } : {}}
+                                        sx={{
+                                            overflow: 'hidden',
+                                            '.MuiListItemText-secondary': {
+                                                overflow: 'hidden',
+                                                textOverflow: 'ellipsis',
+                                                whiteSpace: 'nowrap',
+                                                display: 'block',
+                                                ...(pathname === `/chat/${chat.id}` ? { color: 'white' } : {})
+                                            }
+                                        }}
                                     />
                                 </ListItemButton>
                             </ListItem>