[data-component-id="radix_admin:nav-vertical"] {

  .nav-link {
    white-space: normal;
    align-items: normal;
    a {
      text-decoration: inherit;
      background-color: inherit;
      color: inherit;
    }
    &.active {
      font-weight: 600;
      background-color: transparent;

      &:hover{
        background-color: var(--theme-bg-muted, var(--nav-link-hover-bg));
      }
    }

    .menu-chevron {
      transition: transform 0.2s;
    }
    [aria-expanded="true"] .menu-chevron {
      transform: rotate(0deg);
    }

    [aria-expanded="false"] .menu-chevron {
      transform: rotate(-90deg);
    }
  }

}