From 773e56e537657508af4e357f9c8845af4d4f15e8 Mon Sep 17 00:00:00 2001
From: boojack <stevenlgtm@gmail.com>
Date: Wed, 15 Jul 2026 22:29:38 +0800
Subject: [PATCH] fix(web): position tooltip arrows outside content

Closes #6095
---
 web/src/components/ui/tooltip.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/src/components/ui/tooltip.tsx b/web/src/components/ui/tooltip.tsx
index 246768f9..177cad1d 100644
--- a/web/src/components/ui/tooltip.tsx
+++ b/web/src/components/ui/tooltip.tsx
@@ -44,7 +44,12 @@ const TooltipContent = React.forwardRef<
           {...props}
         >
           {children}
-          <TooltipPrimitive.Arrow className="bg-primary z-tooltip size-2.5 rotate-45 rounded-[2px]" />
+          <TooltipPrimitive.Arrow
+            className={cn(
+              "pointer-events-none bg-primary z-tooltip size-2.5 rotate-45 rounded-[2px]",
+              "data-[side=top]:bottom-[-5px] data-[side=bottom]:top-[-5px] data-[side=left]:right-[-5px] data-[side=right]:left-[-5px]",
+            )}
+          />
         </TooltipPrimitive.Popup>
       </TooltipPrimitive.Positioner>
     </TooltipPrimitive.Portal>