From f58e518e8faba7c741784afb92da6598e9f64391 Mon Sep 17 00:00:00 2001
From: Krrish Dholakia <krrishdholakia@berri.ai>
Date: Mon, 19 Oct 2026 14:43:01 +0000
Subject: [PATCH] fix(ui): format virtual model tooltip

Co-Authored-By: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
---
 .../components/add_model/conditional_public_model_name.tsx   | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/add_model/conditional_public_model_name.tsx b/ui/litellm-dashboard/src/components/add_model/conditional_public_model_name.tsx
index d4aa00a17de..5ba3bb5333d 100644
--- a/ui/litellm-dashboard/src/components/add_model/conditional_public_model_name.tsx
+++ b/ui/litellm-dashboard/src/components/add_model/conditional_public_model_name.tsx
@@ -42,8 +42,9 @@ const publicNameTooltipContent = (
   <div className="flex flex-col gap-2 text-left font-normal">
     <div>The name you specify in your API calls to LiteLLM Proxy</div>
     <div>
-      <strong>Example:</strong> If you name your virtual model <code className={tooltipCodeClassName}>example-name</code>
-      , and choose <code className={tooltipCodeClassName}>openai/qwen-plus-latest</code> as the LiteLLM model
+      <strong>Example:</strong> If you name your virtual model{" "}
+      <code className={tooltipCodeClassName}>example-name</code>, and choose{" "}
+      <code className={tooltipCodeClassName}>openai/qwen-plus-latest</code> as the LiteLLM model
     </div>
     <div>
       <strong>Usage:</strong> You make an API call to the LiteLLM proxy with{" "}