diff --git a/.changeset/many-kiwis-pretend.md b/.changeset/many-kiwis-pretend.md
new file mode 100644
index 0000000000..c277a1a324
--- /dev/null
+++ b/.changeset/many-kiwis-pretend.md
@@ -0,0 +1,6 @@
+---
+"@nextui-org/alert": patch
+"@nextui-org/theme": patch
+---
+
+Fix #4382 `hideIconWrapper` property wasn't removing the borded on `Alert` component
diff --git a/packages/components/alert/src/alert.tsx b/packages/components/alert/src/alert.tsx
index 84f77fd618..2504a65829 100644
--- a/packages/components/alert/src/alert.tsx
+++ b/packages/components/alert/src/alert.tsx
@@ -24,7 +24,7 @@ const iconMap = {
 
 export type AlertColor = keyof typeof iconMap;
 
-export interface AlertProps extends Omit<UseAlertProps, "hasDescription"> {}
+export interface AlertProps extends Omit<UseAlertProps, "hasContent"> {}
 
 const Alert = forwardRef<"div", AlertProps>((props, ref) => {
   const {
diff --git a/packages/components/alert/src/use-alert.ts b/packages/components/alert/src/use-alert.ts
index e56f85699a..cb66ebc684 100644
--- a/packages/components/alert/src/use-alert.ts
+++ b/packages/components/alert/src/use-alert.ts
@@ -124,7 +124,7 @@ export function useAlert(originalProps: UseAlertProps) {
   }, [setIsVisible, onClose]);
 
   const slots = useMemo(
-    () => alert({hasDescription: !isEmpty(description), ...variantProps}),
+    () => alert({hasContent: !isEmpty(description) || !isEmpty(children), ...variantProps}),
     [description, objectToDeps(variantProps)],
   );
 
diff --git a/packages/components/alert/stories/alert.stories.tsx b/packages/components/alert/stories/alert.stories.tsx
index cbdac9aa6b..8b9d0bc9b2 100644
--- a/packages/components/alert/stories/alert.stories.tsx
+++ b/packages/components/alert/stories/alert.stories.tsx
@@ -189,7 +189,7 @@ const CustomStylesTemplate = (args) => {
           color={color}
           title="The documents you requested are ready to be viewed"
         >
-          <div className="flex items-center gap-1 mt-3">
+          <div className="flex items-center gap-1">
             <Button
               className="bg-background text-default-700 font-medium border-1 shadow-small"
               size="sm"
@@ -226,6 +226,14 @@ export const WithDescription = {
   },
 };
 
+export const WithoutIconWrapper = {
+  render: Template,
+  args: {
+    ...defaultProps,
+    hideIconWrapper: true,
+  },
+};
+
 export const Color = {
   render: ColorTemplate,
   args: {
diff --git a/packages/core/theme/src/components/alert.ts b/packages/core/theme/src/components/alert.ts
index 6ec5039767..a1e95182f6 100644
--- a/packages/core/theme/src/components/alert.ts
+++ b/packages/core/theme/src/components/alert.ts
@@ -29,7 +29,7 @@ const alert = tv({
     title: "text-small w-full font-medium block text-inherit leading-5",
     description: "pl-[1px] text-small font-normal text-inherit",
     closeButton: "relative text-inherit translate-x-1 -translate-y-1",
-    iconWrapper: "flex-none relative w-9 h-9 rounded-full",
+    iconWrapper: "flex-none relative w-9 h-9 rounded-full grid place-items-center",
     alertIcon: "fill-current w-6 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",
   },
   variants: {
@@ -76,13 +76,13 @@ const alert = tv({
     hideIconWrapper: {
       true: {
         base: "gap-x-0",
-        iconWrapper: "!bg-transparent !shadow-none",
+        iconWrapper: "!bg-transparent !shadow-none !border-none",
       },
     },
-    hasDescription: {
+    hasContent: {
       false: {
         base: "items-start",
-        mainWrapper: "justify-center",
+        mainWrapper: "justify-center items-center",
       },
     },
   },