diff --git a/CHANGELOG.md b/CHANGELOG.md
index dcc195f77..3caacedad 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -16,6 +16,7 @@
 * Clear filter value after an action chosen from `MultiSelection` menu. Refs STCOM-1385.
 * ExportCSV - fix usage within `<Modal>`s by rendering the download link to the `div#OverlayContainer`. Refs STCOM-1387.
 * `<MenuSection>` should default its heading/label tag to `H3` instead of `H1`. Refs STCOM-1392.
+* `<Tooltip>` should allow for tooltip content to be hovered without closing the tooltip. Refs STCOM-1391.
 * `<AdvancedSearchRow>` - change `aria-label` for the input box to enter a search query and the Boolean operator dropdown. Refs STCOM-1195.
 
 ## [12.2.0](https://github.com/folio-org/stripes-components/tree/v12.2.0) (2024-10-11)
diff --git a/lib/Tooltip/Tooltip.css b/lib/Tooltip/Tooltip.css
index 4a8746098..6454637a8 100644
--- a/lib/Tooltip/Tooltip.css
+++ b/lib/Tooltip/Tooltip.css
@@ -21,6 +21,7 @@
   animation-timing-function: ease-in;
   animation-duration: 0.1s;
   font-size: var(--font-size-small);
+  pointer-events: all;
 }
 
 .text {
diff --git a/lib/Tooltip/Tooltip.js b/lib/Tooltip/Tooltip.js
index 67cf1e1ab..6a3583d72 100644
--- a/lib/Tooltip/Tooltip.js
+++ b/lib/Tooltip/Tooltip.js
@@ -48,6 +48,7 @@ export default class Tooltip extends Component {
   constructor(props) {
     super(props);
     this.triggerRef = props.triggerRef || createRef(null);
+    this.overlayRef = createRef(null);
   }
 
   state = {
@@ -99,10 +100,22 @@ export default class Tooltip extends Component {
     const disable = hideOnTouch && isTouch;
     clearTimeout(this.timeout);
 
-    if (bool !== open && !disable) {
-      this.setState({
-        open: bool,
-      });
+    // Accessibility - When hiding the tooltip, ensure that the mouse is not hovered over the tooltip
+    // - for mouse readers (WCAG 2.1 - 1.4.13 )
+    if (!bool) {
+      if (!this.overlayRef?.current?.matches(':hover') &&
+        !this.triggerRef?.current?.matches(':hover')
+      ) {
+        this.setState({
+          open: bool,
+        });
+      }
+    } else {
+      if (bool !== open && !disable) {
+        this.setState({
+          open: bool,
+        });
+      }
     }
   }
 
@@ -114,7 +127,7 @@ export default class Tooltip extends Component {
 
   hide = () => {
     clearTimeout(this.timeout);
-    this.toggle(false);
+    this.timeout = setTimeout(() => this.toggle(false), 150);
   }
 
   /**
@@ -213,7 +226,7 @@ export default class Tooltip extends Component {
           placement={placement}
           modifiers={modifiers}
         >
-          <div className={css.tooltip} aria-hidden data-test-tooltip>
+          <div className={css.tooltip} ref={this.overlayRef} onMouseLeave={()=>this.hide()} aria-hidden data-test-tooltip>
             {text && (
               <div className={css.text} data-test-tooltip-text>
                 {text}