diff --git a/apps/dashboard/app/(app)/apis/[apiId]/_components/create-key/components/key-created-success-dialog.tsx b/apps/dashboard/app/(app)/apis/[apiId]/_components/create-key/components/key-created-success-dialog.tsx
index 869b10ff64d..7db8649d064 100644
--- a/apps/dashboard/app/(app)/apis/[apiId]/_components/create-key/components/key-created-success-dialog.tsx
+++ b/apps/dashboard/app/(app)/apis/[apiId]/_components/create-key/components/key-created-success-dialog.tsx
@@ -3,8 +3,8 @@
import { ConfirmPopover } from "@/components/confirmation-popover";
import { Dialog, DialogContent } from "@/components/ui/dialog";
import { toast } from "@/components/ui/toaster";
-import { ArrowRight, Check, CircleInfo, Eye, EyeSlash, Key2, Plus } from "@unkey/icons";
-import { Button, CopyButton, InfoTooltip } from "@unkey/ui";
+import { ArrowRight, Check, CircleInfo, Key2, Plus } from "@unkey/icons";
+import { Button, CopyButton, InfoTooltip, VisibleButton } from "@unkey/ui";
import { useRouter } from "next/navigation";
import { useEffect, useRef, useState } from "react";
import { UNNAMED_KEY } from "../create-key.constants";
@@ -228,14 +228,11 @@ export const KeyCreatedSuccessDialog = ({
-
+
setShowKeyInSnippet(visible)}
+ title="Key Snippet"
+ />