From 757d5a4dcd727ebcb0da97f0e5d5af1dce2a3524 Mon Sep 17 00:00:00 2001
From: mubashir1osmani <mubashir.osmani777@gmail.com>
Date: Sat, 8 Aug 2026 12:19:03 -0700
Subject: [PATCH] fix(ui): apply coy theme after code props on ReasoningContent

---
 .../src/components/chat_ui/ReasoningContent.tsx                 | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/litellm-dashboard/src/components/chat_ui/ReasoningContent.tsx b/ui/litellm-dashboard/src/components/chat_ui/ReasoningContent.tsx
index 84cdc345ad6..c7722046b02 100644
--- a/ui/litellm-dashboard/src/components/chat_ui/ReasoningContent.tsx
+++ b/ui/litellm-dashboard/src/components/chat_ui/ReasoningContent.tsx
@@ -48,13 +48,13 @@ const ReasoningContent: React.FC<ReasoningContentProps> = ({ reasoningContent })
                   const match = /language-(\w+)/.exec(className || "");
                   return !inline && match ? (
                     <SyntaxHighlighter
-                      style={coy as unknown as { [key: string]: React.CSSProperties }}
                       language={match[1]}
                       PreTag="div"
                       className="my-2 rounded-md"
                       wrapLines={true}
                       wrapLongLines={true}
                       {...props}
+                      style={coy as { [key: string]: React.CSSProperties }}
                     >
                       {String(children).replace(/\n$/, "")}
                     </SyntaxHighlighter>