From 92105b4fb7789894bd46cdaca283a7a23e330622 Mon Sep 17 00:00:00 2001
From: Ishaan Jaffer <ishaanjaffer0324@gmail.com>
Date: Tue, 24 Feb 2026 16:54:36 -0800
Subject: [PATCH] fix(ui): replace deprecated Tremor Button with Ant Design
 Button in CreatedKeyDisplay

---
 .../src/components/shared/CreatedKeyDisplay.tsx            | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/shared/CreatedKeyDisplay.tsx b/ui/litellm-dashboard/src/components/shared/CreatedKeyDisplay.tsx
index 41d3636414f..d75c63c6467 100644
--- a/ui/litellm-dashboard/src/components/shared/CreatedKeyDisplay.tsx
+++ b/ui/litellm-dashboard/src/components/shared/CreatedKeyDisplay.tsx
@@ -1,7 +1,6 @@
 import React, { useState } from "react";
 import { CopyToClipboard } from "react-copy-to-clipboard";
-import { Button } from "@tremor/react";
-import { message } from "antd";
+import { Button, message } from "antd";
 
 interface CreatedKeyDisplayProps {
   apiKey: string;
@@ -43,7 +42,9 @@ const CreatedKeyDisplay: React.FC<CreatedKeyDisplayProps> = ({ apiKey }) => {
       </div>
 
       <CopyToClipboard text={apiKey} onCopy={handleCopy}>
-        <Button className="mt-3">{copied ? "Copied!" : "Copy Virtual Key"}</Button>
+        <Button type="primary" style={{ marginTop: 12 }}>
+          {copied ? "Copied!" : "Copy Virtual Key"}
+        </Button>
       </CopyToClipboard>
     </div>
   );