When you type the code in the UI pattern box, and the element in the viewport seems to exceed the size of the space, the system will now automatically resize and fix itself to visualize the entire element.

This space can also be modified manually by moving the resize handlebar, conveniently placed under the element. 

If you are into precise measurements, edit the height of this viewport space by directly typing in the pixels you wish to us in the cogwheel settings icon, on the right side of the element, in edit mode.

Changing the height allows you to present your elements in a full size,  without limiting yourself to specific spaces. It’s also saving you time by doing it automatically for all the elements you might already have on the page, and obviously; it’s also more visually appealing. 

Don't hesitate to contact us if you have any questions.