From cc4acb8766e17c75d811071a1f4c6929101b0085 Mon Sep 17 00:00:00 2001
From: ManishMadan2882 <manishmadan321@gmail.com>
Date: Wed, 19 Feb 2025 04:38:49 +0530
Subject: [PATCH] (feat:createAPIModal): UI inconsistency

---
 frontend/src/modals/CreateAPIKeyModal.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/frontend/src/modals/CreateAPIKeyModal.tsx b/frontend/src/modals/CreateAPIKeyModal.tsx
index 36ec59a8..5495f520 100644
--- a/frontend/src/modals/CreateAPIKeyModal.tsx
+++ b/frontend/src/modals/CreateAPIKeyModal.tsx
@@ -80,14 +80,13 @@ export default function CreateAPIKeyModal({
         </span>
       </div>
       <div className="relative mt-5 mb-4">
-        <span className="absolute left-2 -top-2 bg-white px-2 text-xs text-gray-4000 dark:bg-outer-space dark:text-silver">
-          {t('modals.createAPIKey.apiKeyName')}
-        </span>
         <Input
           type="text"
           className="rounded-md"
           value={APIKeyName}
+          label={t('modals.createAPIKey.apiKeyName')}
           onChange={(e) => setAPIKeyName(e.target.value)}
+          borderVariant='thin'
         ></Input>
       </div>
       <div className="my-4">