diff --git a/projects/app/src/pageComponents/app/list/List.tsx b/projects/app/src/pageComponents/app/list/List.tsx
index 234ba48b2..eed0693c6 100644
--- a/projects/app/src/pageComponents/app/list/List.tsx
+++ b/projects/app/src/pageComponents/app/list/List.tsx
@@ -212,7 +212,9 @@ const ListItem = () => {
                   fontSize={'xs'}
                   color={'myGray.500'}
                 >
-                  <Box className={'textEllipsis2'}>{app.intro || t('common:common.no_intro')}</Box>
+                  <Box className={'textEllipsis2'} whiteSpace={'pre-wrap'}>
+                    {app.intro || t('common:common.no_intro')}
+                  </Box>
                 </Box>
                 <Flex
                   h={'24px'}
diff --git a/projects/app/src/pageComponents/dataset/list/List.tsx b/projects/app/src/pageComponents/dataset/list/List.tsx
index 19c5c77a2..5618aae2f 100644
--- a/projects/app/src/pageComponents/dataset/list/List.tsx
+++ b/projects/app/src/pageComponents/dataset/list/List.tsx
@@ -239,8 +239,8 @@ function List() {
                   <Box
                     flex={1}
                     className={'textEllipsis3'}
+                    whiteSpace={'pre-wrap'}
                     py={3}
-                    wordBreak={'break-all'}
                     fontSize={'xs'}
                     color={'myGray.500'}
                   >