Q:

How to wrap a row of buttons in visually appealing way

wraps to this on narrow screens:

What comes to my mind is wrapping like this:
2x
2x
1x (and the 1x placed in the middle of the third row)
Any ideas?

A:

Group related buttons together
Leave some space between rows so the group relation is understood

(Although without context, in my opinion the phrasing doesn't look very clear and the amount of buttons seems a bit overwhelming).

