fix(landing): use surface-hover token for voice input button

waleedlatif1 · waleedlatif1 · commit be0e428c3d68 · 2026-07-07T13:32:16.000-07:00
Matches the token already used by its sibling composer buttons instead of a raw hex hover color.
diff --git a/apps/sim/app/(landing)/components/hero/components/hero-chat-loop/hero-chat-loop.tsx b/apps/sim/app/(landing)/components/hero/components/hero-chat-loop/hero-chat-loop.tsx
@@ -194,7 +194,7 @@ export function HeroChatLoop({ phase, fading }: HeroChatLoopProps) {
             <Tooltip.Root>
               <Tooltip.Trigger asChild>
                 <span
-                  className='flex size-[28px] items-center justify-center rounded-full transition-colors hover:bg-[#F7F7F7]'
+                  className='flex size-[28px] items-center justify-center rounded-full transition-colors hover-hover:bg-[var(--surface-hover)]'
                   aria-label='Voice input'
                 >
                   <Mic className='size-[16px] text-[var(--text-icon)]' />

Original file line number	Diff line number	Diff line change
`@@ -194,7 +194,7 @@ export function HeroChatLoop({ phase, fading }: HeroChatLoopProps) {`
`194`	`194`	`<Tooltip.Root>`
`195`	`195`	`<Tooltip.Trigger asChild>`
`196`	`196`	`<span`
`197`		`- className='flex size-[28px] items-center justify-center rounded-full transition-colors hover:bg-[#F7F7F7]'`
	`197`	`+ className='flex size-[28px] items-center justify-center rounded-full transition-colors hover-hover:bg-[var(--surface-hover)]'`
`198`	`198`	`aria-label='Voice input'`
`199`	`199`	`>`
`200`	`200`	`<Mic className='size-[16px] text-[var(--text-icon)]' />`