Как установить многоточие при использовании -webkit-box?

Question

Многоточие отображается в середине текста, я хочу его в конце текста, например «Текст ...». Вот мои html и css.

.shorten-name {
  width: 150px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

<p class="shorten-name"> VIKTOR & ROLF Wool short design jacket coat Mocha 40</p>