I am designing filter interface that is located at the bottom of the screen of a smartphone.

I do not know if it's better to leave some space between the buttons (see the top of the attached image - preflop action), or leave the buttons without spacing/border (see bottom of the attached image - preflop position)

Is one button being selected enough indication of where a user is supposed to click to change the option, or is additional spacing needed?

Some additional info:

  • One of the options is always selected
  • Only one of the options can be selected
  • Hover to show button borders does not work since this is targeting smart phones and tablets

Both toggle buttons options

2 Answers 2


Button border helps user to centre touch points on a button. Though, text label does the same thing, but a border makes it explicit specially to avoid confusion if there are two words in a button (you don't have that in your example). Better test with users.


You can try an intermediate design between both options using thin strokes.

enter image description here

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.