UIListLayout Flexes should respect its parent boundaries/borders

When using an UiListLayout Flex on any Frame(or GuiObject), its children will bypass any boundaries and clip through them, this should not happen, should it ever be intentional and is not very ui-friendly.

image

Wraps seems to semi-fix the issue but the fourth element seems to disappear or go below the viewable point.

image

image

The only work-around I found was changing the direction from Horizontal to Vertical, changing the flex to SpaceBetween and then changing the padding, but this is not very practical, since the ui is meant for horizontal scrolling not vertical.
image

Expected behavior

Any UiListLayout children to respect the parent boundaries like always and not go through them/clip.