Fix mask

web/src/refresh-components/OverflowDiv.tsx

@@ -5,13 +5,17 @@ import { cn } from "@/lib/utils";
 
 export interface VerticalShadowScrollerProps
   extends React.HtmlHTMLAttributes<HTMLDivElement> {
+  // Mask related
   disableMask?: boolean;
+  backgroundColor?: string;
   height?: string;
 }
 
 export default function OverflowDiv({
   disableMask,
+  backgroundColor = "var(--background-tint-02)",
   height: minHeight = "2rem",
+
   className,
   ...rest
 }: VerticalShadowScrollerProps) {
@@ -22,7 +26,12 @@ export default function OverflowDiv({
         <div style={{ minHeight }} />
       </div>
       {!disableMask && (
-        <div className="absolute bottom-0 left-0 right-0 border-t border-border z-[20] pointer-events-none" />
+        <div
+          className="absolute bottom-0 left-0 right-0 h-[3rem] z-[20] pointer-events-none"
+          style={{
+            background: `linear-gradient(to bottom, transparent, ${backgroundColor})`,
+          }}
+        />
       )}
     </div>
   );