diff --git a/actions/truncate.js b/actions/truncate.js
index b886728b..51fdfb9e 100644
--- a/actions/truncate.js
+++ b/actions/truncate.js
@@ -11,8 +11,14 @@
  * <h1 use:truncate={{ clamp: "front" }}>...</h1>
  */
 export function truncate(node, params = {}) {
+  const prefix = "bx--text-truncate--";
+
   function toggleClass(front = false) {
-    node.className = `bx--text-truncate--${front ? "front" : "end"}`;
+    const classes = [...node.classList]
+      .filter((name) => !name.startsWith(prefix))
+      .join(" ");
+
+    node.className = `${classes} ${prefix}${front ? "front" : "end"}`;
   }
 
   toggleClass(params.clamp === "front");