diff --git a/packages/core/src/components/AttentionBox/AttentionBox.module.scss b/packages/core/src/components/AttentionBox/AttentionBox.module.scss
index fc06372c7b..94425c6bad 100644
--- a/packages/core/src/components/AttentionBox/AttentionBox.module.scss
+++ b/packages/core/src/components/AttentionBox/AttentionBox.module.scss
@@ -1,4 +1,4 @@
-@keyframes enterAnimation {
+@keyframes entryAnimation {
   0% {
     transform: translateY(-10px);
     opacity: 0;
@@ -20,8 +20,8 @@
   max-width: 100%;
   height: fit-content;
 
-  &.animateOnEnter {
-    animation: enterAnimation 200ms cubic-bezier(0.00, 0.00, 0.40, 1.00) forwards;
+  &.entryAnimation {
+    animation: entryAnimation 200ms cubic-bezier(0.00, 0.00, 0.40, 1.00) forwards;
   }
 
   // Overriding on primary icon color should be with bigger specificity than the original color
diff --git a/packages/core/src/components/AttentionBox/AttentionBox.tsx b/packages/core/src/components/AttentionBox/AttentionBox.tsx
index 954950c2c7..089ae5163a 100644
--- a/packages/core/src/components/AttentionBox/AttentionBox.tsx
+++ b/packages/core/src/components/AttentionBox/AttentionBox.tsx
@@ -36,7 +36,7 @@ export interface AttentionBoxProps extends VibeComponentProps {
   onClose?: (event: React.MouseEvent) => void;
   compact?: boolean;
   closeButtonAriaLabel?: string;
-  animateOnEnter?: boolean;
+  entryAnimation?: boolean;
 }
 
 const AttentionBox: React.FC<AttentionBoxProps> & {
@@ -61,7 +61,7 @@ const AttentionBox: React.FC<AttentionBoxProps> & {
   id,
   "data-testid": dataTestId,
   closeButtonAriaLabel = "Close",
-  animateOnEnter = false
+  entryAnimation = false
 }) => {
   const overrideClassName = backwardCompatibilityForProperties([className, componentClassName]);
 
@@ -74,7 +74,7 @@ const AttentionBox: React.FC<AttentionBoxProps> & {
   return (
     <aside
       className={cx(styles.attentionBox, getStyle(styles, camelCase(`type-${type}`)), overrideClassName, {
-        [styles.animateOnEnter]: animateOnEnter
+        [styles.entryAnimation]: entryAnimation
       })}
       role="alert"
       data-testid={dataTestId || getTestId(ComponentDefaultTestId.ATTENTION_BOX, id)}
diff --git a/packages/core/src/components/AttentionBox/__stories__/AttentionBox.mdx b/packages/core/src/components/AttentionBox/__stories__/AttentionBox.mdx
index e095c57fee..608e757a6a 100644
--- a/packages/core/src/components/AttentionBox/__stories__/AttentionBox.mdx
+++ b/packages/core/src/components/AttentionBox/__stories__/AttentionBox.mdx
@@ -27,7 +27,7 @@ import * as AttentionBoxStories from "./AttentionBox.stories";
 
 ## Overview
 
-Attention box lets users know important information within content areas, as close as possible to the content it’s about.
+Attention box lets users know important information within content areas, as close as possible to the content it’s about. An optional smooth entrance animation can be used to enhance visibility.
 
 <Canvas of={AttentionBoxStories.Overview} />
 
@@ -133,10 +133,16 @@ Provides additional information about an action or section.
 
 ### Attention box inside a dialog/combobox
 
-Provides cotextual and related information.
+Provides contextual and related information.
 
 <Canvas of={AttentionBoxStories.AttentionBoxInsideADialogCombobox} />
 
+### Animation
+
+The Attention box component consist of enter animation prop to increase user attention.
+
+<Canvas of={AttentionBoxStories.AttentionBoxAnimation} />
+
 ## Related components
 
 <RelatedComponents componentsNames={[ALERT_BANNER, TOAST, TOOLTIP]} />
diff --git a/packages/core/src/components/AttentionBox/__stories__/AttentionBox.stories.tsx b/packages/core/src/components/AttentionBox/__stories__/AttentionBox.stories.tsx
index 83ab26d1f3..55a4741ac3 100644
--- a/packages/core/src/components/AttentionBox/__stories__/AttentionBox.stories.tsx
+++ b/packages/core/src/components/AttentionBox/__stories__/AttentionBox.stories.tsx
@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useState } from "react";
 import { useCallback } from "react";
 import AttentionBox from "../AttentionBox";
 import { createStoryMetaSettingsDecorator } from "../../../storybook";
@@ -13,6 +13,7 @@ import Flex from "../../Flex/Flex";
 import Favorite from "../../Icon/Icons/components/Favorite";
 import AttentionBoxLink from "../AttentionBoxLink/AttentionBoxLink";
 import "./AttentionBox.stories.scss";
+import Button from "../../Button/Button";
 
 const metaSettings = createStoryMetaSettingsDecorator({
   component: AttentionBox,
@@ -181,3 +182,30 @@ export const AttentionBoxInsideADialogCombobox = {
 
   name: "Attention box inside a dialog/combobox"
 };
+
+export const AttentionBoxAnimation = {
+  render: () => {
+    const [isOpen, setOpen] = useState(false);
+    const onClick = useCallback(() => {
+      setOpen(true);
+    }, []);
+    return (
+      <>
+        <Button onClick={onClick} kind={Button.kinds.SECONDARY}>
+          Entry animation
+        </Button>
+        {isOpen && (
+          <AttentionBox
+            compact
+            withIconWithoutHeader
+            entryAnimation
+            icon={Info}
+            text="First, move the content you want to copy into folder. Only main boards and dashboards can be copied."
+          />
+        )}
+      </>
+    );
+  },
+
+  name: "Attention box inside a dialog/combobox"
+};