From 7c667ed4cb48a21188e3b70f78a8bdbfaf1e064f Mon Sep 17 00:00:00 2001
From: Eric P Green <ericpgreen2@gmail.com>
Date: Sat, 9 Dec 2023 09:45:19 -0800
Subject: [PATCH] Fix text wrapping in the Imported Source dialog (#3668)

* Only apply `break-all` to the source name

* Address feedback
---
 .../features/sources/modal/SourceImportedModal.svelte  | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/web-common/src/features/sources/modal/SourceImportedModal.svelte b/web-common/src/features/sources/modal/SourceImportedModal.svelte
index ee2ba04547c..1c5c730a2aa 100644
--- a/web-common/src/features/sources/modal/SourceImportedModal.svelte
+++ b/web-common/src/features/sources/modal/SourceImportedModal.svelte
@@ -34,13 +34,15 @@
     <div class="w-6 m-auto ml-0 mr-0">
       <CheckCircleNew className="fill-blue-500" size="24px" />
     </div>
-    <div class="break-all">
-      Source "{$sourceImportedName}" imported successfully.
-    </div>
+    <div>Source imported successfully</div>
   </div>
   <div class="flex flex-auto gap-x-2.5" slot="body">
     <div class="w-6" />
-    <div class="text-slate-500">What would you like to do next?</div>
+    <div class="text-slate-500">
+      <span class="font-mono text-slate-800 break-all"
+        >{$sourceImportedName}</span
+      > has been ingested. What would you like to do next?
+    </div>
   </div>
   <div class="flex flex-row-reverse gap-x-2 mt-4" slot="footer">
     <Button on:click={autoGenerateDashboard} type="primary"