Item Pushed to the Right Instead of Down

When there's plenty of space on the right side of the sortable list, an item dragged from a lower row to a higher row pushes the items to the right instead of down. Here's an image illustrating this behavior.

This is the [link](https://codesandbox.io/s/cool-hooks-p3dl3?file=/src/index.js) to the project from which the behavior above is observed.

Is there any way to make sure the items don't get pushed outside of its parent container?