From 4c14f035629f3460d4e9f76b27e0e5b501ca8c64 Mon Sep 17 00:00:00 2001
From: Alex Drankou <alex@e2b.dev>
Date: Wed, 24 Jun 2026 16:14:48 +0200
Subject: [PATCH] fix: add collision padding to tooltips for safe viewport
 margins

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/ui/primitives/tooltip.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/ui/primitives/tooltip.tsx b/src/ui/primitives/tooltip.tsx
index 0d4c5e988..4fe0da70a 100644
--- a/src/ui/primitives/tooltip.tsx
+++ b/src/ui/primitives/tooltip.tsx
@@ -38,6 +38,7 @@ function TooltipTrigger({
 function TooltipContent({
   className,
   sideOffset = 4,
+  collisionPadding = 8,
   children,
   ...props
 }: React.ComponentProps<typeof TooltipPrimitive.Content>) {
@@ -46,6 +47,7 @@ function TooltipContent({
       <TooltipPrimitive.Content
         data-slot="tooltip-content"
         sideOffset={sideOffset}
+        collisionPadding={collisionPadding}
         className={cn(
           cardVariants({ variant: 'layer' }),
           'border-stroke-active text-fg animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-[999] overflow-hidden  border px-3 py-1.5 ',