From 44425760ad426dd8034b6b3a7943c8f6c841bc8d Mon Sep 17 00:00:00 2001
From: Cosmin <cosmin.pisticiuc@gmail.com>
Date: Wed, 18 Mar 2026 00:23:33 -0400
Subject: [PATCH 1/2] Fix scroll-to-bottom button hover fill

---
 apps/web/src/components/ChatView.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/components/ChatView.tsx b/apps/web/src/components/ChatView.tsx
index 77cdb0ea1..ad8124c4e 100644
--- a/apps/web/src/components/ChatView.tsx
+++ b/apps/web/src/components/ChatView.tsx
@@ -3491,7 +3491,7 @@ export default function ChatView({ threadId }: ChatViewProps) {
                 <button
                   type="button"
                   onClick={() => scrollMessagesToBottom("smooth")}
-                  className="pointer-events-auto flex items-center gap-1.5 rounded-full border border-border/60 bg-card px-3 py-1 text-muted-foreground text-xs shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground"
+                  className="pointer-events-auto flex items-center gap-1.5 rounded-full border border-border/60 bg-card px-3 py-1 text-muted-foreground text-xs shadow-sm transition-colors hover:border-border hover:bg-[color-mix(in_srgb,var(--card)_94%,var(--foreground))] hover:text-foreground"
                 >
                   <ChevronDownIcon className="size-3.5" />
                   Scroll to bottom

From c2d3b18966a04c1bcf484cfa561df6550e12fc58 Mon Sep 17 00:00:00 2001
From: Cosmin <cosmin.pisticiuc@gmail.com>
Date: Wed, 18 Mar 2026 00:48:58 -0400
Subject: [PATCH 2/2] Adjust scroll-to-bottom hover token

---
 apps/web/src/components/ChatView.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/components/ChatView.tsx b/apps/web/src/components/ChatView.tsx
index ad8124c4e..dbfc6c20c 100644
--- a/apps/web/src/components/ChatView.tsx
+++ b/apps/web/src/components/ChatView.tsx
@@ -3491,7 +3491,7 @@ export default function ChatView({ threadId }: ChatViewProps) {
                 <button
                   type="button"
                   onClick={() => scrollMessagesToBottom("smooth")}
-                  className="pointer-events-auto flex items-center gap-1.5 rounded-full border border-border/60 bg-card px-3 py-1 text-muted-foreground text-xs shadow-sm transition-colors hover:border-border hover:bg-[color-mix(in_srgb,var(--card)_94%,var(--foreground))] hover:text-foreground"
+                  className="pointer-events-auto flex items-center gap-1.5 rounded-full border border-border/60 bg-card px-3 py-1 text-muted-foreground text-xs shadow-sm transition-colors hover:bg-muted-background hover:text-accent-foreground"
                 >
                   <ChevronDownIcon className="size-3.5" />
                   Scroll to bottom