.file-explore {
  .content-sidebar {
    width: 220px;
    border: 1px solid $color-border;
    padding: 8px;
    min-height: 400px;
    border-radius: 4px;

    li {
      a {
        display: flex;
        color: $color-text;
        padding: 4px 8px;
        border-radius: 4px;
        transition: 0.2s ease-in-out;
        border: 1px solid transparent;
        &:hover {
          color: $color-heading;
        }
      }
      &.is-active {
        a {
          color: $color-heading;
          background-color: $secondary-light-gray;
          border: 1px solid $color-border;
        }
      }
    }
  }
  .right-content {
    width: calc(100% - 228px);
  }
}