From a83e3fb5a01c3ba25c309ee1f67b836c2f299dfb Mon Sep 17 00:00:00 2001
From: WK <wingkwong.code@gmail.com>
Date: Tue, 29 Jul 2025 00:51:23 +0800
Subject: [PATCH] refactor(alert): vertically center alert icon / endContent
 (#5512)

---
 .changeset/two-trains-rhyme.md              | 6 ++++++
 packages/components/alert/package.json      | 2 +-
 packages/core/theme/src/components/alert.ts | 4 ++--
 3 files changed, 9 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/two-trains-rhyme.md

diff --git a/.changeset/two-trains-rhyme.md b/.changeset/two-trains-rhyme.md
new file mode 100644
index 000000000..4b8c8dade
--- /dev/null
+++ b/.changeset/two-trains-rhyme.md
@@ -0,0 +1,6 @@
+---
+"@heroui/alert": patch
+"@heroui/theme": patch
+---
+
+vertically center alert icon / endContent (#2678)
diff --git a/packages/components/alert/package.json b/packages/components/alert/package.json
index f0869facf..d073a1a70 100644
--- a/packages/components/alert/package.json
+++ b/packages/components/alert/package.json
@@ -40,7 +40,7 @@
   "peerDependencies": {
     "react": ">=18 || >=19.0.0-rc.0",
     "react-dom": ">=18 || >=19.0.0-rc.0",
-    "@heroui/theme": ">=2.4.17",
+    "@heroui/theme": ">=2.4.19",
     "@heroui/system": ">=2.4.18"
   },
   "dependencies": {
diff --git a/packages/core/theme/src/components/alert.ts b/packages/core/theme/src/components/alert.ts
index 4ca917b83..ea9ad4105 100644
--- a/packages/core/theme/src/components/alert.ts
+++ b/packages/core/theme/src/components/alert.ts
@@ -24,7 +24,7 @@ import {colorVariants} from "../utils";
  */
 const alert = tv({
   slots: {
-    base: "flex flex-grow flex-row w-full items-start py-3 px-4 gap-x-1",
+    base: "flex flex-grow flex-row w-full items-center py-3 px-4 gap-x-1",
     mainWrapper:
       "h-full flex-grow min-h-10 ms-2 flex flex-col box-border items-start text-inherit justify-center",
     title: "text-small w-full font-medium block text-inherit leading-5",
@@ -82,7 +82,7 @@ const alert = tv({
     },
     hasContent: {
       false: {
-        base: "items-start",
+        base: "items-center",
         mainWrapper: "justify-center items-center",
       },
     },