userOnlineGroupMarking mit eigener Grafik nicht am richtigen Ort

Moin nochmal,

also die messageSidebar macht mich echt fertig Ich habe für die userOnlineGroupMarkings eine eigene Grafik eingefügt. Das klappt auch und sieht gut aus, wenn die Themen/Beiträge lang genug sind. Sind sie zu kurz, passiert das:

Ich bekomme es einfach nicht hin, dass der Bereich einfach erweitert wird. Folgenden Code nutze ich dafür aktuell:

.userOnlineGroupMarking4 .messageSidebar::after {
    background-image: url('https://craftunion.org/images/messageSidebar/schriftzuege/CU_Rang_Icons_Admin.png');
    background-size: cover;
    bottom: -30px;
    content: "";
    height: 52px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 150px;
}

Hat da jemand nochmal eine Lösung für mich, bzw kann mir erklären, was ich da falsch verstehe? Anschauen kann man sich das hier.

Viele Grüße

Ah, also hats diesmal an der Nutzung vom after gehapert. Puuh, da muss man erstmal drauf kommen. Wieder was gelernt, danke dir

Viele Grüße