Text-wrap: balanced causing problems with SplitText animation

Hi all,

I’m using Bricksforge for split-text animation on headings. On desktop, everything works perfectly. But when I set text-wrap: balance, the text on mobile breaks into random lines, which messes up the visual flow. If I remove text-wrap: balance, the text looks fine.

Interestingly, balanced text wrap works fine if I don’t apply the animation, so it seems the issue happens only when balanced text wrap and the animation are combined.

Has anyone else run into this? Is there a workaround for keeping balanced text wrap without breaking the line structure on mobile? Thanks!