From 140c3ffa4b3546488df8e1f0400e42e2463e8de8 Mon Sep 17 00:00:00 2001
From: Mubashir Osmani <mubashir@berri.ai>
Date: Wed, 22 Jul 2026 22:09:46 +0000
Subject: [PATCH] fix(ui): wrap long descriptions in Router Settings General
 tab to remove horizontal scroll

Co-Authored-By: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
---
 .../router-settings/_components/general_settings.tsx          | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/litellm-dashboard/src/app/(dashboard)/router-settings/_components/general_settings.tsx b/ui/litellm-dashboard/src/app/(dashboard)/router-settings/_components/general_settings.tsx
index dda7a23a8d4..da2f1b8da4b 100644
--- a/ui/litellm-dashboard/src/app/(dashboard)/router-settings/_components/general_settings.tsx
+++ b/ui/litellm-dashboard/src/app/(dashboard)/router-settings/_components/general_settings.tsx
@@ -255,7 +255,7 @@ const GeneralSettings: React.FC<GeneralSettingsPageProps> = ({ accessToken, user
                     .filter((value) => value.field_type !== "TypedDictionary" && value.field_tab !== PROMPT_CACHING_TAB)
                     .map((value, index) => (
                       <TableRow key={index}>
-                        <TableCell>
+                        <TableCell className="max-w-md whitespace-normal align-top">
                           <Text>{value.field_name}</Text>
                           <p
                             style={{
@@ -263,7 +263,7 @@ const GeneralSettings: React.FC<GeneralSettingsPageProps> = ({ accessToken, user
                               color: "#808080",
                               fontStyle: "italic",
                             }}
-                            className="mt-1"
+                            className="mt-1 whitespace-normal break-words"
                           >
                             {value.field_description}
                           </p>