From 4a5ff67c974b57ed59e832d6a802ae05f1ffb753 Mon Sep 17 00:00:00 2001
From: Tin Chi Lo <tin@berri.ai>
Date: Wed, 26 Aug 2026 23:52:42 -0700
Subject: [PATCH] style(ui): widen the classifier prompt dialog and name its
 appended block

Matches the edit auto-router modal at sm:max-w-4xl so the two do not jump size
when opened one from the other, and calls the block below the textarea what it
is rather than describing where it goes.
---
 .../src/components/add_model/ClassificationPromptEditor.tsx   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/add_model/ClassificationPromptEditor.tsx b/ui/litellm-dashboard/src/components/add_model/ClassificationPromptEditor.tsx
index 66433ce23de..f65da5fb7fc 100644
--- a/ui/litellm-dashboard/src/components/add_model/ClassificationPromptEditor.tsx
+++ b/ui/litellm-dashboard/src/components/add_model/ClassificationPromptEditor.tsx
@@ -57,7 +57,7 @@ const ClassificationPromptEditor: React.FC<ClassificationPromptEditorProps> = ({
       </p>
 
       <Dialog open={isOpen} onOpenChange={setIsOpen}>
-        <DialogContent className="sm:max-w-3xl max-h-[90vh] overflow-y-auto">
+        <DialogContent className="max-h-[90vh] overflow-y-auto sm:max-w-4xl">
           <DialogHeader>
             <DialogTitle>Classifier prompt</DialogTitle>
           </DialogHeader>
@@ -78,7 +78,7 @@ const ClassificationPromptEditor: React.FC<ClassificationPromptEditorProps> = ({
           />
 
           <div className="mt-3">
-            <p className="text-xs font-medium">Always appended below your text</p>
+            <p className="text-xs font-medium">Tier definitions</p>
             <pre className="mt-1 overflow-x-auto rounded-md bg-muted p-3 font-mono text-xs text-muted-foreground">
               {`Tiers:\n${appendedTierBullets(tierRows)}\n\n<injection guard and closing line>`}
             </pre>