diff --git a/apps/dashboard/app/(app)/[workspaceSlug]/apis/[apiId]/_components/create-key/components/key-secret-section.tsx b/apps/dashboard/app/(app)/[workspaceSlug]/apis/[apiId]/_components/create-key/components/key-secret-section.tsx
index 141b16b8e6..9274bae7c6 100644
--- a/apps/dashboard/app/(app)/[workspaceSlug]/apis/[apiId]/_components/create-key/components/key-secret-section.tsx
+++ b/apps/dashboard/app/(app)/[workspaceSlug]/apis/[apiId]/_components/create-key/components/key-secret-section.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import { SecretKey } from "@/app/(app)/[workspaceSlug]/apis/[apiId]/_components/create-key/components/secret-key";
-import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
 import { CircleInfo } from "@unkey/icons";
+import { Alert, AlertDescription, AlertTitle } from "@unkey/ui";
 import { Code, CopyButton, VisibleButton } from "@unkey/ui";
 import { useState } from "react";
 
diff --git a/apps/dashboard/app/(app)/[workspaceSlug]/identities/[identityId]/page.tsx b/apps/dashboard/app/(app)/[workspaceSlug]/identities/[identityId]/page.tsx
index 846676e84a..f1f43cf3a3 100644
--- a/apps/dashboard/app/(app)/[workspaceSlug]/identities/[identityId]/page.tsx
+++ b/apps/dashboard/app/(app)/[workspaceSlug]/identities/[identityId]/page.tsx
@@ -1,5 +1,4 @@
 import { PageContent } from "@/components/page-content";
-import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
 import {
   Table,
   TableBody,
@@ -13,6 +12,7 @@ import { clickhouse } from "@/lib/clickhouse";
 import { db } from "@/lib/db";
 import { formatNumber } from "@/lib/fmt";
 import { ChevronRight, Minus } from "@unkey/icons";
+import { Alert, AlertDescription, AlertTitle } from "@unkey/ui";
 import { Badge, Button, Code, CopyButton } from "@unkey/ui";
 import ms from "ms";
 import Link from "next/link";
diff --git a/apps/dashboard/components/dashboard/root-key-table/index.tsx b/apps/dashboard/components/dashboard/root-key-table/index.tsx
index 7947b1afff..ed69aedb00 100644
--- a/apps/dashboard/components/dashboard/root-key-table/index.tsx
+++ b/apps/dashboard/components/dashboard/root-key-table/index.tsx
@@ -1,6 +1,5 @@
 "use client";
 
-import { Alert } from "@/components/ui/alert";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -10,7 +9,9 @@ import {
 import { trpc } from "@/lib/trpc/client";
 import type { ColumnDef } from "@tanstack/react-table";
 import { ArrowOppositeDirectionY, Dots, Minus, Trash } from "@unkey/icons";
+
 import {
+  Alert,
   Badge,
   Button,
   Checkbox,
diff --git a/apps/dashboard/components/ui/alert.tsx b/internal/ui/src/components/alert.tsx
similarity index 97%
rename from apps/dashboard/components/ui/alert.tsx
rename to internal/ui/src/components/alert.tsx
index b10f4aa050..d9dea64e8f 100644
--- a/apps/dashboard/components/ui/alert.tsx
+++ b/internal/ui/src/components/alert.tsx
@@ -1,7 +1,7 @@
 import { type VariantProps, cva } from "class-variance-authority";
 import * as React from "react";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../lib/utils";
 
 const alertVariants = cva(
   "relative w-full rounded-lg border p-4 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
diff --git a/internal/ui/src/index.ts b/internal/ui/src/index.ts
index 84f9c6911e..038f599ca1 100644
--- a/internal/ui/src/index.ts
+++ b/internal/ui/src/index.ts
@@ -1,3 +1,4 @@
+export * from "./components/alert";
 export * from "./components/badge";
 export * from "./components/buttons/button";
 export * from "./components/buttons/copy-button";