diff --git a/projects/app/src/pages/dataset/detail/components/InputDataModal.tsx b/projects/app/src/pages/dataset/detail/components/InputDataModal.tsx
index 4062c79c4..ba2546469 100644
--- a/projects/app/src/pages/dataset/detail/components/InputDataModal.tsx
+++ b/projects/app/src/pages/dataset/detail/components/InputDataModal.tsx
@@ -260,9 +260,12 @@ const InputDataModal = ({
             className={'textEllipsis'}
             wordBreak={'break-all'}
             fontSize={'md'}
-            maxW={['200px', '80vw']}
+            maxW={['200px', '50vw']}
             fontWeight={'500'}
             color={'myGray.900'}
+            whiteSpace={'nowrap'}
+            overflow={'hidden'}
+            textOverflow={'ellipsis'}
           >
             {collection.sourceName || t('common:common.UnKnow Source')}
           </Box>
diff --git a/projects/app/src/web/common/hooks/useEditTitle.tsx b/projects/app/src/web/common/hooks/useEditTitle.tsx
index 609605d81..21a3951c8 100644
--- a/projects/app/src/web/common/hooks/useEditTitle.tsx
+++ b/projects/app/src/web/common/hooks/useEditTitle.tsx
@@ -76,7 +76,7 @@ export const useEditTitle = ({
   // eslint-disable-next-line react/display-name
   const EditModal = useCallback(
     ({
-      maxLength = 30,
+      maxLength = 50,
       iconSrc = 'modal/edit',
       closeBtnText = t('common:common.Close')
     }: {