diff --git a/changes/issue-7989-delay-tooltip b/changes/issue-7989-delay-tooltip
new file mode 100644
index 0000000000..a13299a441
--- /dev/null
+++ b/changes/issue-7989-delay-tooltip
@@ -0,0 +1 @@
+* Add delay to compatibility tooltip that is covering UI action checkbox
diff --git a/frontend/components/PlatformCompatibility/PlatformCompatibility.tsx b/frontend/components/PlatformCompatibility/PlatformCompatibility.tsx
index 6152ba7608..43a844cb12 100644
--- a/frontend/components/PlatformCompatibility/PlatformCompatibility.tsx
+++ b/frontend/components/PlatformCompatibility/PlatformCompatibility.tsx
@@ -65,7 +65,10 @@ const PlatformCompatibility = ({
   return (
     <span className={baseClass}>
       <b>
-        <TooltipWrapper tipContent="Estimated compatiblity based on <br /> the tables used in the query.">
+        <TooltipWrapper
+          tipContent="Estimated compatiblity based on <br /> the tables used in the query."
+          isDelayed
+        >
           Compatible with:
         </TooltipWrapper>
       </b>
diff --git a/frontend/components/TooltipWrapper/TooltipWrapper.tsx b/frontend/components/TooltipWrapper/TooltipWrapper.tsx
index 485e8900fd..147346c433 100644
--- a/frontend/components/TooltipWrapper/TooltipWrapper.tsx
+++ b/frontend/components/TooltipWrapper/TooltipWrapper.tsx
@@ -4,6 +4,7 @@ interface ITooltipWrapperProps {
   children: string;
   tipContent: string;
   position?: "top" | "bottom";
+  isDelayed?: boolean;
 }
 
 const baseClass = "component__tooltip-wrapper";
@@ -12,7 +13,12 @@ const TooltipWrapper = ({
   children,
   tipContent,
   position = "bottom",
+  isDelayed,
 }: ITooltipWrapperProps): JSX.Element => {
+  const tipClass = isDelayed
+    ? `${baseClass}__tip-text delayed-tip`
+    : `${baseClass}__tip-text`;
+
   return (
     <div className={baseClass} data-position={position}>
       <div className={`${baseClass}__element`}>
@@ -20,7 +26,7 @@ const TooltipWrapper = ({
         <div className={`${baseClass}__underline`} data-text={children} />
       </div>
       <div
-        className={`${baseClass}__tip-text`}
+        className={tipClass}
         dangerouslySetInnerHTML={{ __html: tipContent }}
       />
     </div>
diff --git a/frontend/components/TooltipWrapper/_styles.scss b/frontend/components/TooltipWrapper/_styles.scss
index f638da3ad6..4b70e11d42 100644
--- a/frontend/components/TooltipWrapper/_styles.scss
+++ b/frontend/components/TooltipWrapper/_styles.scss
@@ -8,7 +8,13 @@
       visibility: visible;
       opacity: 1;
     }
+
+    .delayed-tip {
+      transition: 300ms all;
+      transition-delay: 300ms;
+    }
   }
+
   &__element {
     position: static;
     display: inline; // treat like a span but allow other tags as children