[data-component~="components/tabs"] {
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-bottom-width: 1px;
  border-bottom-color: var(--color-base-700);
  border-bottom-style: solid;
  a {
    color: var(--color-base-50) !important;
    display: block;
    padding: 0.5rem;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    margin-bottom: -1px;
    &.active {
      background-color: var(--color-base-900);
      border-top-left-radius: 0.25rem;
      border-top-right-radius: 0.25rem;
      border-top-color: var(--color-base-700);
      border-right-color: var(--color-base-700);
      border-bottom-color: transparent;
      border-left-color: var(--color-base-700);
    }
  }
}