CSS ile yazı kısalttıktan sonra kesme işareti olan yerin bozulması

Merhaba, iyi forumlar. CSS ile sidebar kısmının title'ını kısaltmak için bir takım kod yazdım, ama üç nokta kısmı kesme işaretinden sonraya denk geldiği zaman işler karışıyor fotoğraftan görebileceğiniz gibi. Function ile'de yapınca durum yine aynı WM Aracı'nda da dikkatimi çekti aynı.


İlgili fotoğraf: https://hizliresim.com/FWMqTK