From 626357549f11c18882e48957a72f16426acc340a Mon Sep 17 00:00:00 2001 From: yuneng-jiang Date: Fri, 2 Oct 2026 14:24:35 -0700 Subject: [PATCH] fix(ui): shrink the sidebar logo so it stops outweighing page titles (#44247) * fix(ui): shrink the sidebar logo so it stops outweighing page titles At h-7 the wordmark's capitals render about 21.5px tall, taller and heavier than the 24px page titles (about 17px capitals). h-5 brings them to about 15px, between the 13px nav labels and the page title. * fix(ui): keep the collapsed sidebar monogram at 28px --- ui/litellm-dashboard/src/components/leftnav.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/ui/litellm-dashboard/src/components/leftnav.tsx b/ui/litellm-dashboard/src/components/leftnav.tsx index 5ac365fecfb..2221b43e68d 100644 --- a/ui/litellm-dashboard/src/components/leftnav.tsx +++ b/ui/litellm-dashboard/src/components/leftnav.tsx @@ -84,7 +84,8 @@ import { routeSegmentForPathname, uiHref } from "@/utils/uiHref"; const ICON = { strokeWidth: 1.75 } as const; -const LOGO_CLASS_NAME = "h-7 w-auto max-w-[150px] object-contain group-data-[collapsed=true]/sidebar:w-7"; +const LOGO_CLASS_NAME = + "h-5 w-auto max-w-[150px] object-contain group-data-[collapsed=true]/sidebar:h-7 group-data-[collapsed=true]/sidebar:w-7"; function bundledLogoSrc(baseUrl: string, { dark, monogram }: { dark: boolean; monogram: boolean }): string { const query = [dark && "theme=dark", monogram && "variant=monogram"].filter(Boolean).join("&");