¿Cómo cambio esto de cuadrado a redondo?
¡Lo siento, no sé dónde publicar!
Sin la imagen original aquí, es difícil saberlo. Los avatares se recortan en círculo de forma predeterminada. Esto probablemente se debe a la personalización de ese sitio o a que la imagen tiene un fondo transparente.
De acuerdo, entonces es la personalización 
Sé que ha pasado un tiempo para este tema, pero pensé que añadiría que se puede controlar el grado de redondeo de los avatares en CSS con la configuración de border-radius (yo tengo los nuestros en 6px):
img.avatar {
border-radius: 6px;
}
cuanto mayor sea el número, más redondeadas serán las esquinas. Ponerlo a 0 hace que los avatares sean perfectamente cuadrados. Creo que 24px los hace perfectamente redondos. Así que puedes ser bastante granular en cómo quieres que aparezcan los avatares. Puedes hacer que los avatares cuadrados parezcan pantallas de televisión antiguas y retro. jajaja
Nota: el redondeo de los avatares puede aparecer un poco diferente entre las vistas de escritorio y móvil, así que puede que quieras controlarlo por separado allí.
También hay un componente Theme que puede ser muy útil: Avatar Size and Shape 
oh genial no había visto ese. gracias.