My css style is not fully applied

I created a style in css

.two-lines-ellipsis {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

I pushed on the CSS framework but strangely, when you inspect an element that is supposed to have this class, the style is not fully applied: the !important is not taken into account.

This style is present on the admin-circles and admin-circles-leave pages, on the description of a circle.