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
    Commented Feb 3, 2023 at 10:39
  • Thanks! @BillyKerr Commented Feb 4, 2023 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! Commented Feb 4, 2023 at 20:57

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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