From 21a5ccf881abc3aa8b5ea9de4a65edbb6ceadbda Mon Sep 17 00:00:00 2001
From: Henry Zhang <113233555+caezium@users.noreply.github.com>
Date: Fri, 11 Sep 2026 02:36:45 +0800
Subject: [PATCH] fix(web): prevent seams in the topbar scroll fade (#10914)

---
 apps/web/src/index.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/index.css b/apps/web/src/index.css
index f7f669b804fded8684cba07f4d0c6fe60499e2e4..c11b2d0f4ffe1f91ede3b3265dace833d2a1ff45 100644
--- a/apps/web/src/index.css
+++ b/apps/web/src/index.css
@@ -363,7 +363,7 @@ html[data-mobile-composer-route-transition="true"]::view-transition-old(t3-mobil
   -webkit-mask-position: top, bottom, right;
   -webkit-mask-repeat: no-repeat;
   -webkit-mask-size:
-    100% var(--workspace-titlebar-scroll-fade-height),
+    100% calc(var(--workspace-titlebar-scroll-fade-height) + 1px),
     100% calc(100% - var(--workspace-titlebar-scroll-fade-height)),
     var(--app-scrollbar-width) 100%;
   mask-image:
@@ -381,7 +381,7 @@ html[data-mobile-composer-route-transition="true"]::view-transition-old(t3-mobil
   mask-position: top, bottom, right;
   mask-repeat: no-repeat;
   mask-size:
-    100% var(--workspace-titlebar-scroll-fade-height),
+    100% calc(var(--workspace-titlebar-scroll-fade-height) + 1px),
     100% calc(100% - var(--workspace-titlebar-scroll-fade-height)),
     var(--app-scrollbar-width) 100%;
 }
-- 
2.54.0