What to do with an empty space for a fixed-size content?

by Aybe   Last Updated January 12, 2018 22:16 PM

I am coding a color picker, somehow I managed to keep things consistent except for the following:

When there are 3 sliders instead of 4 there is an empty space that looks a bit weird.

enter image description here

enter image description here

(the top-right icon is for switching color mode)

I thought about auto-sizing the window but it's really poor UX because the color preview on the bottom changes position whenever the above condition is true.

Is there a better approach for this case ?


Is that simplest approach the best compromise for a good UX ?

Related Questions

Displaying multiple filter options

Updated September 12, 2016 08:06 AM

How to deal with a surplus of space in a filter dropdown?

Updated September 20, 2018 17:16 PM

Is there a UX reasoning for low-placed TVs?

Updated March 18, 2016 08:06 AM