Al obtener un nuevo privilegio, el estilo del mensaje en mi perfil está roto, y el privilegio ganado es ilegible:
No sabría comparar con los otros sitios, a ver qué regla de CSS es la que está rota.
El problema es que la notificación está flotada a la izquierda y no tiene una anchura explícita, así que la anchura viene dada por el texto que contiene (véase el algoritmo reduce-para-caber). Como el texto "¡Has ganado un nuevo privilegio!" ocupa más espacio que el disponible a la derecha del icono, la notificación salta a la línea de abajo.
Quitar la flotación y generar un contexto de formato de bloque debería solucionarlo:
.congrats .inner-wrapper .text {
float: none;
overflow: hidden;
}
Alternativamente, en lugar de generar el contexto de formato de bloque, se podría quitar la limpieza del párrafo:
.congrats .inner-wrapper .text {
float: none;
}
.congrats .inner-wrapper .text > p {
clear: none;
}