diff --git a/ui/litellm-dashboard/src/components/create_key_button.tsx b/ui/litellm-dashboard/src/components/create_key_button.tsx
index 7a90cc8ac4..7b549b33c3 100644
--- a/ui/litellm-dashboard/src/components/create_key_button.tsx
+++ b/ui/litellm-dashboard/src/components/create_key_button.tsx
@@ -1,5 +1,10 @@
-import React, { useState } from "react";
-import { Button, Modal, Form, Input, InputNumber, Select, message } from "antd";
+
+"use client";
+
+import React, { useState, useEffect, useRef } from "react";
+import { Button, TextInput, Grid, Col } from "@tremor/react";
+import { Card, Metric, Text } from "@tremor/react";
+import { Button as Button2, Modal, Form, Input, InputNumber, Select, message } from "antd";
 import { keyCreateCall } from "./networking";
 
 const { Option } = Select;