/* Animate only for expandable components */
.nav-item[data-component]:not([data-component="home"]):not([data-component="general"]):not([data-component="help"])
> .nav-title .nav-icon {
  transition: transform 0.15s ease-in-out;
  transform-origin: center;
}

/* Rotate caret only when expanded */
.nav-item.is-active[data-component]:not([data-component="home"]):not([data-component="general"]):not([data-component="help"])
> .nav-title .nav-icon {
  transform: rotate(90deg) translateY(-0.05em);
}