Colocar icone colorido ao lado do nome

Detalhes da questão

Endereço do fórum: https://habbling.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Olá, tentei colocar no meu novo fórum o icone colorido mas ele fica meio que bugado como na print abaixo



Eu queria deixar o icone apenas do lado do nick e isso não está acontecendo

Tutorial Que Segui: https://ajuda.forumeiros.com/t115084-adicionar-efeito-e-icone-do-nome-do-usuario#814281

Olá @weverson lopes,

Altere o código para:

Código:

a[href="/u1"] span {
    background: repeating-linear-gradient(to right, #FF0000, #FF7F00, #FFFF00, #00FF00, #0000ff, #4b0082, #8f00ff);
    -webkit-background-clip: text;
    background-size: 1800% 1800%;
    -webkit-text-fill-color: transparent;
    animation: rainbow 3s ease infinite;
}
 
@keyframes rainbow {0% {background-position: 0% 82%;} 50% {background-position: 100% 19%;} 100% {background-position: 0% 82%;}
}
 
a[href="/u1"] span:before {
  font-family: "Font Awesome 5 Free";
  content: '\f007';
}

Atenciosamente,
pedxz.

Nossa, muito obrigado pela resposta rápida e pela dedicação emme ajudar, resolvido, ja pode fechar!