Message triangles look weird if the GUI scale is less than 100%

[ghost]

The little triangles between the message box and user avatar don't render correctly if the GUI scale is lower than 100%. I was going to just disable them but I can't find the CSS that creates them so I can't figure out what the CSS I need to use to get rid of them is.

[CapnKitten]

The code you're looking for is:
.message-group .comment .message.first:before

[ghost]

That worked, thank you very much. One last thing, after setting the above to display:none;, the upper left corner of the message boxes are not rounded like the other corners. How would I turn that on?

[CapnKitten]

Find this, and delete the border-top-left-radius
.message-group .comment { padding: 12px 8px; background: var(--message-color); border-top-left-radius: 0 !important; transition: 200ms ease all !important; }

[ghost]

Ah, thanks, I actually found it on my own just as you posted that. I just put this in the custom stylesheet so I wouldn't have to edit the theme's files.

.message-group .comment .message.first:before {
    display:none;
}
.message-group .comment {
    border-top-left-radius: var(--border-radius) !important;
}

[CapnKitten]

Awesome, glad I could help.