diff --git a/packages/ui/src/components/text-shimmer.css b/packages/ui/src/components/text-shimmer.css index f042dd2d86..3122bf0315 100644 --- a/packages/ui/src/components/text-shimmer.css +++ b/packages/ui/src/components/text-shimmer.css @@ -5,7 +5,8 @@ --text-shimmer-index: 0; --text-shimmer-angle: 90deg; --text-shimmer-spread: 5.2ch; - --text-shimmer-size: 360%; + --text-shimmer-gutter: calc(var(--text-shimmer-spread) + 1ch); + --text-shimmer-size: calc(200% + var(--text-shimmer-gutter) + var(--text-shimmer-gutter)); --text-shimmer-base-color: var(--text-weak); --text-shimmer-peak-color: var(--text-strong); --text-shimmer-sweep: linear-gradient( diff --git a/packages/ui/src/v2/components/text-shimmer-v2.css b/packages/ui/src/v2/components/text-shimmer-v2.css index d10d53581b..87b641d8cf 100644 --- a/packages/ui/src/v2/components/text-shimmer-v2.css +++ b/packages/ui/src/v2/components/text-shimmer-v2.css @@ -11,7 +11,8 @@ --_index: 0; --_angle: 90deg; --_spread: 5.2ch; - --_size: 360%; + --_gutter: calc(var(--_spread) + 1ch); + --_size: calc(200% + var(--_gutter) + var(--_gutter)); --_base-color: var(--v2-text-text-muted); --_peak-color: var(--v2-text-text-base); --_sweep: linear-gradient(