The styles are only applying to the .list-item, if you want the same effect in the div inside it just add this :

.list-item {
    ...
      
    div {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}