diff --git a/resources/public/styles/partials/settings-bar.scss b/resources/public/styles/partials/settings-bar.scss
index 570d8e7f0d..082a2c2f7c 100644
--- a/resources/public/styles/partials/settings-bar.scss
+++ b/resources/public/styles/partials/settings-bar.scss
@@ -264,6 +264,10 @@
           width: 12px;
         }
 
+        &.inverse {
+          svg { transform: rotate(270deg); }
+        }
+
         &:hover {
 
           svg {
diff --git a/src/uxbox/ui/workspace/toolboxes/layers.cljs b/src/uxbox/ui/workspace/toolboxes/layers.cljs
index c50d4dff91..0d18ddc1c6 100644
--- a/src/uxbox/ui/workspace/toolboxes/layers.cljs
+++ b/src/uxbox/ui/workspace/toolboxes/layers.cljs
@@ -155,7 +155,9 @@
          i/chain]]
        [:div.element-icon i/folder]
        [:span (:name item "Unnamed group")]
-       [:span.toggle-content {:on-click toggle-open}
+       [:span.toggle-content
+        {:on-click toggle-open
+         :class (when open? "inverse")}
         i/arrow-slide]]
       (if open?
         [:ul