diff --git a/components/blocks/InteractiveGermanyMap.tsx b/components/blocks/InteractiveGermanyMap.tsx index e606c904e..e3c22f7f9 100644 --- a/components/blocks/InteractiveGermanyMap.tsx +++ b/components/blocks/InteractiveGermanyMap.tsx @@ -144,9 +144,11 @@ export function InteractiveGermanyMap({ const isNearTop = loc.y < 55; // 55% threshold to strongly avoid the top header const tooltipClasses = [ - 'absolute w-[280px] sm:w-64 bg-white text-neutral-dark p-5 rounded-2xl shadow-2xl z-[9999] pointer-events-none border border-neutral-100', + 'absolute w-[280px] sm:w-64 bg-white text-neutral-dark p-5 rounded-2xl shadow-2xl z-[9999] border border-neutral-100', isNearLeft ? 'left-1/2 sm:left-0 -translate-x-1/2 sm:translate-x-0' : 'left-1/2 sm:left-auto sm:right-0 -translate-x-1/2 sm:translate-x-0', - isNearTop ? 'top-full mt-4' : 'bottom-full mb-4' + isNearTop + ? 'top-full mt-4 before:absolute before:-top-6 before:left-0 before:w-full before:h-6' + : 'bottom-full mb-4 before:absolute before:-bottom-6 before:left-0 before:w-full before:h-6' ].join(' '); const arrowClasses = [