diff --git a/src/styles/_truncatable-part.component.scss b/src/styles/_truncatable-part.component.scss
index d9158a6751..127dda0171 100644
--- a/src/styles/_truncatable-part.component.scss
+++ b/src/styles/_truncatable-part.component.scss
@@ -4,24 +4,11 @@
     height: $lines * $height;
   }
   .content {
-    max-height: $lines * $height;
-    position: relative;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: $lines;
+    -webkit-box-orient: vertical;
     overflow: hidden;
-    line-height: $line-height;
-    overflow-wrap: break-word;
-    &:after {
-      content: "";
-      position: absolute;
-      padding-right: 15px;
-      top: ($lines - 1) * $height;
-      right: 0;
-      width: 30%;
-      min-width: 75px;
-      max-width: 150px;
-      height: $height;
-      background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba($bg, 1) 70%);
-      pointer-events: none;
-    }
   }
 
 }