.team-header {
  border-radius: 2px;
  display: flex;
  height: 100%;
}

.team-header__clickable {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;

  &,
  &:hover {
    text-decoration: none;
  }

  &,
  &:visited {
    color: inherit;
  }
}

.team-header__avatar {
  @include team-avatar(32px);
  @include fade-in(.5s);
  margin-right: 16px;
  background-color: $white;
}


.team-header__name {
  @include header-title;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.team-header {
  border-radius: 2px;
  display: flex;
  height: 48px;
}

.team-header__clickable {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;

  &,
  &:hover {
    text-decoration: none;
  }

  &,
  &:visited {
    color: inherit;
  }
}

.team-header__avatar {
  @include team-avatar(32px);
  @include fade-in(.5s);
  margin-right: 16px;
  background-color: $white;
}


.team-header__name {
  @include header-title;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

Align header team avatar on Safari
Align header team avatar on Safari
