chore: css fixes for truncate

Author: shivani170

src/css/base.scss

@@ -4111,10 +4111,12 @@ textarea::placeholder {
 }
 
 .dc__truncate {
-    overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
     word-break: break-all;
 
     &--clamp-2 {