.avatar{
  width: 38px;
  height: 38px;
  border-radius: 50%;
  overflow:hidden;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 700;
  color: var(--text);
}

.avatar img{
  display: block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius: 50%;
}