Divider line sliding in from the right without overflow?

Hi all, can someone please help me out or point me in the right direction?

Am trying to make horizontal line (divider element) that slides in from the right and takes 70vw width. I put an interaction on it so it slides it from the right once it enters the viewport. So far, so good. But…

It widens the entire page for a couple of seconds until the line is in its place. Please see the screenshots and the horizontal scrollbar, I hope you guys understand what my issue is.

How can I make this simple line just slide in and appear without it stretching the entire webpage? Anyone? Tried to mess around with overflow: hidden, but no luck yet.

Thanks in advance everyone!

PS work in progress, so ignore the rest of the layout please haha

I am an idiot. It was just a matter of wrapping the divider in a block and give that block an overflow:hidden.

So sorry for bothering you guys haha! Cheers!

1 Like

welcome to the community btw :slight_smile: