diff --git a/packages/canon/src/components/Heading/Heading.tsx b/packages/canon/src/components/Heading/Heading.tsx
index 746d10ff1d..3d173e98ac 100644
--- a/packages/canon/src/components/Heading/Heading.tsx
+++ b/packages/canon/src/components/Heading/Heading.tsx
@@ -37,13 +37,13 @@ function HeadingComponent<T extends ElementType = 'h1'>(
   const { classNames, dataAttributes } = useStyles('Heading', {
     variant,
     color,
-    truncate,
   });
 
   return (
     <Component
       ref={ref}
       className={clsx(classNames.root, className)}
+      data-truncate={truncate}
       {...dataAttributes}
       style={style}
       {...restProps}
diff --git a/packages/canon/src/components/Text/Text.tsx b/packages/canon/src/components/Text/Text.tsx
index 47d819a79e..c37f0e4ce7 100644
--- a/packages/canon/src/components/Text/Text.tsx
+++ b/packages/canon/src/components/Text/Text.tsx
@@ -39,13 +39,13 @@ function TextComponent<T extends ElementType = 'p'>(
     variant,
     weight,
     color,
-    truncate,
   });
 
   return (
     <Component
       ref={ref}
       className={clsx(classNames.root, className)}
+      data-truncate={truncate}
       {...dataAttributes}
       style={style}
       {...restProps}