From 8acdb9208756fb306680878d06f53bbd75c2f04a Mon Sep 17 00:00:00 2001
From: Yuneng Jiang <yuneng@berri.ai>
Date: Tue, 1 Sep 2026 10:27:43 -0700
Subject: [PATCH] fix(ui): keep the skill detail copy buttons transparent

bg-none only clears background-image, so the buttons fell back to the
browser's default button background instead of the transparent one the
inline style had.
---
 .../src/components/claude_code_plugins/skill_detail.tsx     | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/claude_code_plugins/skill_detail.tsx b/ui/litellm-dashboard/src/components/claude_code_plugins/skill_detail.tsx
index 809272c2ac0..7cbbb08b623 100644
--- a/ui/litellm-dashboard/src/components/claude_code_plugins/skill_detail.tsx
+++ b/ui/litellm-dashboard/src/components/claude_code_plugins/skill_detail.tsx
@@ -182,7 +182,7 @@ const SkillDetail: React.FC<SkillDetailProps> = ({ skill, onBack }) => {
               <button
                 onClick={() => copyToClipboard(installCommand, "install")}
                 className={cn(
-                  "flex cursor-pointer items-center gap-1 border-none bg-none p-0 text-xs",
+                  "flex cursor-pointer items-center gap-1 border-none bg-transparent p-0 text-xs",
                   copiedKey === "install" ? "text-success" : "text-info",
                 )}
               >
@@ -230,7 +230,7 @@ const SkillDetail: React.FC<SkillDetailProps> = ({ skill, onBack }) => {
                   copyToClipboard(`/plugin marketplace add ${origin}/claude-code/marketplace.json`, "marketplace-cmd");
                 }}
                 className={cn(
-                  "flex cursor-pointer items-center gap-1 border-none bg-none p-0 text-xs",
+                  "flex cursor-pointer items-center gap-1 border-none bg-transparent p-0 text-xs",
                   copiedKey === "marketplace-cmd" ? "text-success" : "text-info",
                 )}
               >
@@ -255,7 +255,7 @@ const SkillDetail: React.FC<SkillDetailProps> = ({ skill, onBack }) => {
               <button
                 onClick={() => copyToClipboard(settingsSnippet, "settings")}
                 className={cn(
-                  "flex cursor-pointer items-center gap-1 border-none bg-none p-0 text-xs",
+                  "flex cursor-pointer items-center gap-1 border-none bg-transparent p-0 text-xs",
                   copiedKey === "settings" ? "text-success" : "text-info",
                 )}
               >