.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar{
  .mat-mdc-tab-label-container,
  .mat-mdc-tab-link-container{
    border-bottom: none;
    position: relative;
  }
  .mat-mdc-tab-labels:after,
  .mat-mdc-tab-links:after{
    display: block;
    content: '';
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: var(--color-on-surface-neutral-disabled);
  }
  .mat-mdc-tab,
  .mat-mdc-tab-link{
    min-width: auto;
    height: 32px !important;
    padding: 0 10px !important;
    position: relative;
    margin-bottom: 1px;
    flex-grow: 0 !important;
    i, .material-symbols-rounded{
      padding: 0 4px;
      &.icon-left{
        margin-left: -4px;
      }
      &.icon-right{
        margin-right: -4px;
      }
    }
    .mdc-tab-indicator__content--underline {
      border-top-width: 1px;
    }
    .mdc-tab-indicator{
      top: initial;
      bottom: -1px;
    }
    &:hover{
      background-color: var(--color-surface-neutral-hover);
    }
    &:active{
      background-color: var(--color-surface-neutral-press);
    }
    &.mdc-tab--active{
      color: var(--color-on-surface-brand-primary);
      border-bottom: none !important;
      .mdc-tab-indicator__content--underline{
        border-color: var(--color-on-surface-brand-primary) !important;
      }
    }
  }
}