From 36c436b7510f8896449e3182823ff022084d8eaa Mon Sep 17 00:00:00 2001
From: Kota Esaki <kota.esaki@dr-ubie.com>
Date: Fri, 25 Sep 2026 09:36:53 +0900
Subject: [PATCH] fix(ui): wrap long unbroken text in alert dialog title and
 description

A workspace name without break opportunities (e.g. a pasted URL) made
the grid track of AlertDialogContent grow to the text's min-content
width, pushing the title, banners and action buttons outside the
dialog. overflow-wrap: anywhere lets the text break so the dialog keeps
its max width.
---
 packages/ui/src/components/ui/alert-dialog.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/components/ui/alert-dialog.tsx b/packages/ui/src/components/ui/alert-dialog.tsx
index 3c9c2621e2c..076dd12be74 100644
--- a/packages/ui/src/components/ui/alert-dialog.tsx
+++ b/packages/ui/src/components/ui/alert-dialog.tsx
@@ -129,7 +129,10 @@ function AlertDialogTitle({
 	return (
 		<AlertDialogPrimitive.Title
 			data-slot="alert-dialog-title"
-			className={cn("text-lg font-semibold", className)}
+			className={cn(
+				"text-lg font-semibold [overflow-wrap:anywhere]",
+				className,
+			)}
 			{...props}
 		/>
 	);
@@ -142,7 +145,10 @@ function AlertDialogDescription({
 	return (
 		<AlertDialogPrimitive.Description
 			data-slot="alert-dialog-description"
-			className={cn("text-muted-foreground text-sm", className)}
+			className={cn(
+				"text-muted-foreground text-sm [overflow-wrap:anywhere]",
+				className,
+			)}
 			{...props}
 		/>
 	);