diff --git a/.changeset/two-insects-provide.md b/.changeset/two-insects-provide.md
new file mode 100644
index 0000000000..c8c47b7d6f
--- /dev/null
+++ b/.changeset/two-insects-provide.md
@@ -0,0 +1,5 @@
+---
+"@heroui/tooltip": patch
+---
+
+fix tooltip staying open on fast movement issue (#4301)
diff --git a/packages/components/tooltip/src/tooltip.tsx b/packages/components/tooltip/src/tooltip.tsx
index e014eb8944..fb6af46d5b 100644
--- a/packages/components/tooltip/src/tooltip.tsx
+++ b/packages/components/tooltip/src/tooltip.tsx
@@ -61,6 +61,7 @@ const Tooltip = forwardRef<"div", TooltipProps>((props, ref) => {
     <div ref={tooltipRef} id={id} style={style}>
       <LazyMotion features={domAnimation}>
         <m.div
+          key={id}
           animate="enter"
           exit="exit"
           initial="exit"
@@ -79,16 +80,20 @@ const Tooltip = forwardRef<"div", TooltipProps>((props, ref) => {
   return (
     <>
       {trigger}
-      {disableAnimation && isOpen ? (
-        <OverlayContainer portalContainer={portalContainer}>
-          <div ref={tooltipRef} id={id} style={style} {...otherTooltipProps}>
-            <Component {...getTooltipContentProps()}>{content}</Component>
-          </div>
-        </OverlayContainer>
+      {disableAnimation ? (
+        isOpen && (
+          <OverlayContainer portalContainer={portalContainer}>
+            <div ref={tooltipRef} id={id} style={style} {...otherTooltipProps}>
+              <Component {...getTooltipContentProps()}>{content}</Component>
+            </div>
+          </OverlayContainer>
+        )
       ) : (
         <AnimatePresence>
           {isOpen ? (
-            <OverlayContainer portalContainer={portalContainer}>{animatedContent}</OverlayContainer>
+            <OverlayContainer key={id} portalContainer={portalContainer}>
+              {animatedContent}
+            </OverlayContainer>
           ) : null}
         </AnimatePresence>
       )}
diff --git a/packages/components/tooltip/stories/tooltip.stories.tsx b/packages/components/tooltip/stories/tooltip.stories.tsx
index 69658e10ef..dbd53b61d8 100644
--- a/packages/components/tooltip/stories/tooltip.stories.tsx
+++ b/packages/components/tooltip/stories/tooltip.stories.tsx
@@ -263,6 +263,35 @@ const ControlledTemplate = (args: TooltipProps) => {
   );
 };
 
+const ManyTemplate = (args: TooltipProps) => (
+  <div className="flex flex-col gap-2">
+    <Tooltip {...args} closeDelay={0} content="Tooltip 1" openDelay={0}>
+      <Button>Hover me</Button>
+    </Tooltip>
+    <Tooltip {...args} closeDelay={0} content="Tooltip 2" openDelay={0}>
+      <Button>Then hover me</Button>
+    </Tooltip>
+    <Tooltip {...args} closeDelay={0} content="Tooltip 3" openDelay={0}>
+      <Button>Then hover me</Button>
+    </Tooltip>
+    <Tooltip {...args} closeDelay={0} content="Tooltip 4" openDelay={0}>
+      <Button>Then hover me</Button>
+    </Tooltip>
+    <Tooltip {...args} closeDelay={0} content="Tooltip 5" openDelay={0}>
+      <Button>Then hover me</Button>
+    </Tooltip>
+    <Tooltip {...args} closeDelay={0} content="Tooltip 6" openDelay={0}>
+      <Button>Then hover me</Button>
+    </Tooltip>
+    <Tooltip {...args} closeDelay={0} content="Tooltip 7" openDelay={0}>
+      <Button>Then hover me</Button>
+    </Tooltip>
+    <Tooltip {...args} closeDelay={0} content="Tooltip 8" openDelay={0}>
+      <Button>Then hover me</Button>
+    </Tooltip>
+  </div>
+);
+
 export const Default = {
   args: {
     ...defaultProps,
@@ -395,3 +424,11 @@ export const Disabled = {
     isDisabled: true,
   },
 };
+
+export const Many = {
+  render: ManyTemplate,
+
+  args: {
+    ...defaultProps,
+  },
+};