Is your feature request related to a problem? Please describe.
Current representation of the spaces token has the potential of not giving an accurate "understanding at first glance" of the space applied to an element or component especially when applied on the Y axis (top and bottom).
Describe the solution you'd like
Update the style of the token representation to render a square rather than a bar (this would give a better hint to users on the size of the rendered space they are about to use vertically on the components).
Update the default background color and border color.
Potentially add an option to toggle this representation to a bar (as currently) or a square.
Additional context
Refresh the default overall look of the application.
Is your feature request related to a problem? Please describe. Current representation of the spaces token has the potential of not giving an accurate "understanding at first glance" of the space applied to an element or component especially when applied on the Y axis (top and bottom).
Describe the solution you'd like
Additional context Refresh the default overall look of the application.