From eb42adc818a9fdee350ad16e92d83388f128a0e9 Mon Sep 17 00:00:00 2001
From: balibabu <cike8899@users.noreply.github.com>
Date: Mon, 22 Jul 2024 13:54:07 +0800
Subject: [PATCH] fix: the content in the chunk card will overflow #1628
 (#1629)

### What problem does this PR solve?
fix: the content in the chunk card will overflow #1628
### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)
---
 .../knowledge-chunk/components/chunk-card/index.less           | 3 +++
 .../components/knowledge-chunk/components/chunk-card/index.tsx | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

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 101aa566..b4ac9050 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 30438882..5666febc 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>