Visibility-hidden is incredibly useful, and we use it constantly to enable/disable sections of the layout, popups, banners, etc. Such a great feature. It completely changes the design game and the production workflow.

However in the left nav, the visibility indicator looks identical to the indicator for display: none styling, which is a very different thing.

https://app.screencast.com/qfpoCRGVk8Dx8

This creates a lot of confusion for the client designers to identify the right elements.

Please differentiate the indicators, maybe-

• A full X through the eye for visibility: hidden, to indicate the element is fully suppressed

• A grayed-out title to visually indicate its inactive element state.

Thanks!