diff --git a/web/src/pages/add-knowledge/components/knowledge-chunk/components/chunk-card/index.less b/web/src/pages/add-knowledge/components/knowledge-chunk/components/chunk-card/index.less
index 101aa5665a..b4ac9050ef 100644
--- a/web/src/pages/add-knowledge/components/knowledge-chunk/components/chunk-card/index.less
+++ b/web/src/pages/add-knowledge/components/knowledge-chunk/components/chunk-card/index.less
@@ -17,6 +17,9 @@
 .contentEllipsis {
   .multipleLineEllipsis(3);
 }
+.contentText {
+  word-break: break-all;
+}
 
 .chunkCard {
   width: 100%;
diff --git a/web/src/pages/add-knowledge/components/knowledge-chunk/components/chunk-card/index.tsx b/web/src/pages/add-knowledge/components/knowledge-chunk/components/chunk-card/index.tsx
index 304388822c..5666febc5f 100644
--- a/web/src/pages/add-knowledge/components/knowledge-chunk/components/chunk-card/index.tsx
+++ b/web/src/pages/add-knowledge/components/knowledge-chunk/components/chunk-card/index.tsx
@@ -81,7 +81,7 @@ const ChunkCard = ({
             dangerouslySetInnerHTML={{
               __html: DOMPurify.sanitize(item.content_with_weight),
             }}
-            className={classNames({
+            className={classNames(styles.contentText, {
               [styles.contentEllipsis]: textMode === ChunkTextMode.Ellipse,
             })}
           ></div>