From be647469ac4948a7e6b227e35ff73cb833f82dc8 Mon Sep 17 00:00:00 2001
From: Waleed <walif6@gmail.com>
Date: Tue, 24 Mar 2026 19:01:45 -0700
Subject: [PATCH] fix(ui): constrain tooltip width and remove question mark
 cursor (#3752)

- Add max-w-[260px] to Tooltip.Content so video previews don't blow out the tooltip size
- Replace cursor-help with cursor-default on info icons in settings
---
 .../[workspaceId]/settings/components/general/general.tsx     | 4 ++--
 apps/sim/components/emcn/components/tooltip/tooltip.tsx       | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/sim/app/workspace/[workspaceId]/settings/components/general/general.tsx b/apps/sim/app/workspace/[workspaceId]/settings/components/general/general.tsx
index 0e12ba4f90..b1641aa8c1 100644
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/general/general.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/general/general.tsx
@@ -380,7 +380,7 @@ export function General() {
           <Label htmlFor='auto-connect'>Auto-connect on drop</Label>
           <Tooltip.Root>
             <Tooltip.Trigger asChild>
-              <Info className='h-[14px] w-[14px] cursor-help text-[var(--text-muted)]' />
+              <Info className='h-[14px] w-[14px] cursor-default text-[var(--text-muted)]' />
             </Tooltip.Trigger>
             <Tooltip.Content side='bottom' align='start'>
               <p>Automatically connect blocks when dropped near each other</p>
@@ -404,7 +404,7 @@ export function General() {
           <Label htmlFor='error-notifications'>Canvas error notifications</Label>
           <Tooltip.Root>
             <Tooltip.Trigger asChild>
-              <Info className='h-[14px] w-[14px] cursor-help text-[var(--text-muted)]' />
+              <Info className='h-[14px] w-[14px] cursor-default text-[var(--text-muted)]' />
             </Tooltip.Trigger>
             <Tooltip.Content side='bottom' align='start'>
               <p>Show error popups on blocks when a workflow run fails</p>
diff --git a/apps/sim/components/emcn/components/tooltip/tooltip.tsx b/apps/sim/components/emcn/components/tooltip/tooltip.tsx
index e0d4b53fa6..ab9012a357 100644
--- a/apps/sim/components/emcn/components/tooltip/tooltip.tsx
+++ b/apps/sim/components/emcn/components/tooltip/tooltip.tsx
@@ -50,7 +50,7 @@ const Content = React.forwardRef<
       collisionPadding={8}
       avoidCollisions={true}
       className={cn(
-        'z-[10000300] rounded-[4px] bg-[#1b1b1b] px-[8px] py-[3.5px] font-base text-white text-xs shadow-sm dark:bg-[#fdfdfd] dark:text-black',
+        'z-[10000300] max-w-[260px] rounded-[4px] bg-[#1b1b1b] px-[8px] py-[3.5px] font-base text-white text-xs shadow-sm dark:bg-[#fdfdfd] dark:text-black',
         className
       )}
       {...props}