.pf-tabs {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
  padding: 2px 2px 0;


  > * {
    background-color: $colour-grey-xlight;
    border-bottom-width: 0;
    border-radius: $radius-default $radius-default 0 0;
    border: 1px solid $colour-grey-xlight;
    flex: 1 1 auto;
    margin: 0 2px;
    overflow: hidden;
    padding: 7px 6px;
    text-overflow: ellipsis;
  }

  > *:first-child {
    margin-left: 0;
  }

  > *:last-child {
    margin-right: 0;
  }

  &--active {
    background-color: transparent;
    border-color: transparent;
    box-shadow: 0 3px 0 #fff, 0 0 1px 1px $colour-blue;
  }
}