From 6b47c6beda1d6faae9335a31c3d2bd9825d67e92 Mon Sep 17 00:00:00 2001
From: JimmFly <447268514@qq.com>
Date: Wed, 26 Jun 2024 13:21:27 +0000
Subject: [PATCH] fix(core): unexpected text overflow style in dialog (#7345)

close AF-967
before:
<img width="502" alt="image" src="https://github.com/toeverything/AFFiNE/assets/102217452/839096b2-62b1-4ca3-b410-99c478eeac53">

after:
<img width="496" alt="image" src="https://github.com/toeverything/AFFiNE/assets/102217452/9f02c305-e122-4c6c-a3c6-32647fa9e4c5">
---
 packages/frontend/component/src/ui/modal/styles.css.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/component/src/ui/modal/styles.css.ts b/packages/frontend/component/src/ui/modal/styles.css.ts
index 64b0d7f860..99808bcd07 100644
--- a/packages/frontend/component/src/ui/modal/styles.css.ts
+++ b/packages/frontend/component/src/ui/modal/styles.css.ts
@@ -53,7 +53,9 @@ export const modalHeader = style({
   marginBottom: '12px',
 });
 export const modalDescription = style({
-  // marginBottom: '20px',
+  wordBreak: 'break-word',
+  whiteSpace: 'pre-wrap',
+  overflowWrap: 'break-word',
 });
 export const modalFooter = style({
   display: 'flex',