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">