From 4e34a3502cc0b785871aa875da5a6411168ebda0 Mon Sep 17 00:00:00 2001
From: barsnes <tobias.barsnes@digdir.no>
Date: Wed, 23 Oct 2024 08:39:40 +0200
Subject: [PATCH] auto arrow offset

---
 packages/react/src/components/Tooltip/Tooltip.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/components/Tooltip/Tooltip.tsx b/packages/react/src/components/Tooltip/Tooltip.tsx
index f7fed52ab1..89f2250f06 100644
--- a/packages/react/src/components/Tooltip/Tooltip.tsx
+++ b/packages/react/src/components/Tooltip/Tooltip.tsx
@@ -93,7 +93,11 @@ export const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(
       placement,
       whileElementsMounted: autoUpdate,
       middleware: [
-        offset(ARROW_HEIGHT + ARROW_GAP),
+        offset((data) => {
+          // get pseudo element arrow size
+          const styles = getComputedStyle(data.elements.floating, '::before');
+          return parseFloat(styles.height);
+        }),
         flip({
           fallbackAxisSideDirection: 'start',
         }),