Initialize scroller with correct height on SSR

Clear and concise description of the problem

When using SSR, the scroll container does not have the correct height for the number of elements applied until hydration.

Suggested solution

the scroll divs should have the correct height for the given number of items rather than only containing the pre-rendered elements then expanding on hydration

Alternative

No response

Additional context

No response

Validations

• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.