@media screen and (max-width: 768px) {
  .side-navigation--anchors {
    position: relative;
    top: auto;
  }
} 

.side-navigation--anchors ul {
  margin-left: 0;
  padding-left: 0;
}
.side-navigation--anchors li {
  list-style: none;
  margin: 0;
  font-size: calc(1rem + 0.1vw);
  padding: 0 0.25rem;
}

.side-navigation--anchors li a {
  position: relative;
  display: block;
  text-decoration: none !important;
  color: var(--gray-700, #5e5e6a);
  padding-bottom: .7rem;
  padding-top: .7rem;
  padding-left: 1rem;
  border-bottom: 1px solid var(--gray-100);
}

.side-navigation--anchors li a.active {
  color: var(--gray-800, #4a4958);
  text-decoration: none;
  background-color: var(--gray-75);
}

.side-navigation--anchors li a.active::before {
  content: "";
  border-left: 3px solid;
  border-left-color: var(--color-p1);
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  border-radius: 0;
}