Position via CSS in der Messagesidebar ändern

Heyho,

ich habe probiert die Position von den Ranggrafiken per CSS zu ändern, der Code sah wie folgt aus:

.messageSidebar .messageAuthor {
display: flex;
flex-direction: column;
}
.messageAuthorContainer {
order: 1;
}
.messageSidebar .userAvatar {
margin-top: 10px;
order: 2;
}
.messageSidebar .userTitle {
order: 3;
}
.specialTrophyContainer {
order: 4;
}

Doch leider waren die Benutzerränge anschließend ganz oben und nicht da, wo sie eigentlich sein sollten, dies sah so aus:

[Blockierte Grafik: https://i.gyazo.com/5dfeba91e0d19243ef4919c583565476.png]

Da ich mir nicht sicher bin und vermute das es an diesem Plugin liegt, da es die Ranggrafiken ein Stück weit editiert, versuche ich einfach mal hier um Hilfe zu fragen.

Vielen Dank schonmal!

MfG Hiraku