improvement(ui): soften overflow fade

[waleedlatif1]

Summary

• shorten the canonical overflow fade from 18px to 16px
• keep the fade-only truncation treatment consistent across all consumers

Type of Change

• Improvement

Testing

• bunx vitest run packages/emcn/src/components/overflow-text/overflow-text.test.tsx
• bun run lint
• bun run apps/sim/scripts/check-block-registry.ts origin/staging
• bun run check:audits

Checklist

• Code follows project style guidelines
• Self-reviewed my changes
• Tests added/updated and passing
• No new warnings introduced
• I confirm that I have read and agree to the terms outlined in the Contributor License Agreement (CLA)

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
docs	Ready	Preview	Aug 28, 2026 11:09pm

[cubic-dev-ai]

No issues found across 1 file

Confidence score: 5/5

• Automated review surfaced no issues in the provided summaries.
• No files require special attention.

_{Re-trigger cubic}

[greptile-apps]

Greptile Summary

Shortens the shared overflow-text edge fade from 18px to 16px while preserving the existing clipping behavior and browser-specific mask parity.

• Updates the canonical fade class used by all overflow-text consumers.
• Keeps the standard and WebKit mask gradients consistent.

Confidence Score: 5/5

The PR appears safe to merge because the shared styling adjustment is internally consistent and introduces no observable functional failure.

All consumers inherit the updated canonical class, existing tests do not depend on the old width, and the standard and WebKit masks remain synchronized.

Important Files Changed

Filename	Overview
packages/emcn/src/components/overflow-text/overflow-text.tsx	Reduces both mask gradient widths to 16px without changing class structure, consumer behavior, or browser parity.

_{Reviews (1): Last reviewed commit: "improvement(ui): soften overflow fade" | Re-trigger Greptile}