diff --git a/packages/web/src/pages/chat-page/components/ChatBlastHeader.tsx b/packages/web/src/pages/chat-page/components/ChatBlastHeader.tsx
index d627cbae7b0..26fcd6a9f04 100644
--- a/packages/web/src/pages/chat-page/components/ChatBlastHeader.tsx
+++ b/packages/web/src/pages/chat-page/components/ChatBlastHeader.tsx
@@ -37,15 +37,16 @@ export const ChatBlastHeader = ({ chat }: { chat: ChatBlast }) => {
           <Artwork
             src={audienceContentType === 'track' ? trackArtwork : albumArtwork}
             w='48px'
+            css={{ flexShrink: 0 }}
           />
         ) : null}
         <Flex column gap='xs' alignItems='flex-start'>
           <Flex gap='s' alignItems='center'>
             <IconTowerBroadcast size='m' color='default' />
-            <Text variant='title' size='l' ellipses>
+            <Text variant='title' size='l'>
               {chatBlastSecondaryTitle}
             </Text>
-            <Text variant='title' size='l' color='subdued' ellipses>
+            <Text variant='title' size='l' color='subdued' maxLines={1}>
               {contentTitle}
             </Text>
           </Flex>
diff --git a/packages/web/src/pages/chat-page/components/ChatListBlastItem.tsx b/packages/web/src/pages/chat-page/components/ChatListBlastItem.tsx
index 2fc4b16333d..6fd485e4f04 100644
--- a/packages/web/src/pages/chat-page/components/ChatListBlastItem.tsx
+++ b/packages/web/src/pages/chat-page/components/ChatListBlastItem.tsx
@@ -2,7 +2,7 @@ import { useCallback } from 'react'
 
 import { useChatBlastAudienceContent } from '@audius/common/hooks'
 import { formatCount } from '@audius/common/utils'
-import { Flex, IconTowerBroadcast, IconUser, Text } from '@audius/harmony'
+import { Box, Flex, IconTowerBroadcast, IconUser, Text } from '@audius/harmony'
 import { ChatBlast } from '@audius/sdk'
 import cn from 'classnames'
 
@@ -41,21 +41,15 @@ export const ChatListBlastItem = (props: ChatListBlastItemProps) => {
       onClick={handleClick}
       className={cn(styles.root, { [styles.active]: isCurrentChat })}
     >
-      <Flex gap='s' css={{ overflow: 'hidden' }}>
+      <Flex row gap='s' w='100%'>
         <IconTowerBroadcast size='l' color='default' />
-        <Text size='l' strength='strong' css={{ whiteSpace: 'nowrap' }}>
-          {chatBlastTitle}
-        </Text>
+        <Box css={{ flexShrink: 0 }}>
+          <Text size='l' strength='strong'>
+            {chatBlastTitle}
+          </Text>
+        </Box>
         {contentTitle ? (
-          <Text
-            size='l'
-            color='subdued'
-            css={{
-              whiteSpace: 'nowrap',
-              overflow: 'hidden',
-              textOverflow: 'ellipsis'
-            }}
-          >
+          <Text size='l' color='subdued' ellipses css={{ display: 'block' }}>
             {contentTitle}
           </Text>
         ) : null}