@lmmrssa In some cases it seems that the form still jumps out of the login-tile

In this case, when the height is at 650 and the width is in the range 400(value when the media query is triggered) to 550, some elements of the form are outside the white login-tile. The width range when form components are outside the screen changes based on the height of the screen

In the mobile layout, for smaller screens, it seems that in this case around 270px width, a scrollbar appears

@lmmrssa I've pushed some changes to incorporate the additions we discussed

@Mutugiii for mobile sizes it looks good. For tablet size make it looks similar to desktop but remove padding around. i.e. blue space around form

this is not as expected when you keep changing with of screen it jump between one with padding and without padding and again with padding. there is should be on break point and after that it should have padding.

@lmmrssa I've updated the PR incorporating a line break for the On android? try Planet line that was implemented in the #7065