diff --git a/ui/litellm-dashboard/src/components/add_model/model_connection_test.tsx b/ui/litellm-dashboard/src/components/add_model/model_connection_test.tsx
index 6fdc0461482..bcf8035a7b0 100644
--- a/ui/litellm-dashboard/src/components/add_model/model_connection_test.tsx
+++ b/ui/litellm-dashboard/src/components/add_model/model_connection_test.tsx
@@ -137,7 +137,7 @@ ${formattedBody}
     : "";
 
   return (
-    <div className="rounded-lg bg-background p-6">
+    <div className="min-w-0 rounded-lg bg-background p-6">
       {isLoading ? (
         <div aria-busy="true" className="flex flex-col items-center justify-center gap-4 px-5 py-8 text-center">
           <LoaderCircle className="size-8 animate-spin text-primary" />
@@ -161,7 +161,9 @@ ${formattedBody}
 
           <div className="mb-5 rounded-lg border border-destructive/30 bg-destructive/10 p-4 shadow-xs">
             <p className="mb-2 font-medium">Error:</p>
-            <p className="text-sm leading-relaxed text-destructive">{errorMessage}</p>
+            <p data-testid="connection-error-msg" className="text-sm leading-relaxed break-words text-destructive">
+              {errorMessage}
+            </p>
 
             {error && (
               <Button