Hmmm.
If you’re using the formatting toolbar to italicize the word, it will wrap it in <em> tags, which will work as expected.
Thus I guess you are manually adding HTML tags yourself. If that’s the case, you must be an old timer like me. But perhaps you didn’t know that the <i> tag was depreciated many years ago, much like the <b> tag was replaced by <strong>.
In vanilla osTicket the devs used <i> as some kind of a short-hand for icons, and in this case the properties that are getting picked up are actually meant for icons that use inline SVG images.
My fear is that, by modifying that CSS you will end up with icons appearing wonky elsewhere in osTicket Awesome. And you may not realize the connection.
If my guess is correct, and if you still really want to use <i> tags to italicize words while manually formatting your text with HTML, the real trick (rather than editing the CSS that is intended for icons) would be to target the ticket thread text specifically, like this:
.thread-body i {
display: initial !important;
width: initial !important;
color: inherit !important;
height: initial !important;
background: initial !important;
position: initial !important;
}
I hope this helps.