Add enough space between inputs
Margins between inputs can be tricky. If there's too little space, inputs can be hard to tell apart and appear cluttered. If there's too much space, they can seem unrelated. Find the right balance to establish a proper visual hierarchy.
The principle of proximity states that related items should be close to each other to be perceived as one group.[1] So, for example, if you're using fixed labels above inputs, the distance between an input and its label should be smaller than the distance between an input and an unrelated label.
Pro Tip: When adding extra space between inputs on mobile view, make sure the page doesn't turn into endless scrolling. Consider breaking the form into smaller pages.
References
- Proximity Principle in Visual Design | Nielsen Norman Group


