I've been working on a project but the more I see my components, the more I think they don't have enough white space.

The two components with which I have more doubt are a dropdown and a group of checkboxes. These are the components:


GROUP OF CHECKBOXES enter image description here

What do you think about it and how could I improve my design? Additionally, if you have any other advice regarding the design of the components, I'd happy to hear them.

  • 1
    Note that the most common plural in English for person is people. The plural persons is generally only used in very specific situations, mostly legal or official. It looks a bit odd to use it here.
    – Billy Kerr
    Feb 3 at 10:39
  • Thanks! @BillyKerr Feb 4 at 20:53

1 Answer 1


No, there's not enough white space in my opinion.

Take a step back from the screen and try to visualize each decision a user needs to make. Think of these actions as separate blocks in the design. Consolidate each of these actions visually into grouped blocks of UI elements.

Then, the user's attention needs to flow between this chain of UI blocks.

Consider adding a thin gray line between the blocks and double the space between the blocks, this should improve the UX.

Also information priority is not great: I would bold the title of the items (cake), also bold the number of items (1000). Also separate between primary and secondary text information by using color.

  • 1
    Thank you so much, that was pretty useful information! Feb 4 at 20:57

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.