From 1947702cfd98c31d4965699ea2d83df0d76a8619 Mon Sep 17 00:00:00 2001
From: swithek <52840391+swithek@users.noreply.github.com>
Date: Fri, 18 Sep 2026 11:23:47 +0200
Subject: [PATCH] fix mermaid state description word breaking

---
 web/app/components/editor/blocks/mermaid/MermaidPreview.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/app/components/editor/blocks/mermaid/MermaidPreview.vue b/web/app/components/editor/blocks/mermaid/MermaidPreview.vue
index 895f8491..5e63e85e 100644
--- a/web/app/components/editor/blocks/mermaid/MermaidPreview.vue
+++ b/web/app/components/editor/blocks/mermaid/MermaidPreview.vue
@@ -93,7 +93,10 @@ watchImmediate([debouncedSource, isDark], async ([source]) => {
 
 <template>
 	<div
-		:class="['mermaid-preview', isInitialRender ? 'opacity-0' : 'opacity-100']"
+		:class="[
+			'mermaid-preview break-normal',
+			isInitialRender ? 'opacity-0' : 'opacity-100',
+		]"
 	>
 		<div v-if="isLoading" class="text-foreground">
 			<ShadcnUiEmpty>