diff --git a/web/src/pages/flow/list/flow-card/index.tsx b/web/src/pages/flow/list/flow-card/index.tsx
index dbde4cf516..38586a8e70 100644
--- a/web/src/pages/flow/list/flow-card/index.tsx
+++ b/web/src/pages/flow/list/flow-card/index.tsx
@@ -51,7 +51,9 @@ const FlowCard = ({ item }: IProps) => {
             >
               {item.title}
             </Typography.Title>
-            <p>{item.description}</p>
+            <p className="truncate" title={item.description}>
+              {item.description}
+            </p>
           </div>
           <div className={styles.footer}>
             <div className={styles.bottom}>