diff --git a/packages/components/text/src/text.tsx b/packages/components/text/src/text.tsx
index 8722772e92..325326b5d1 100644
--- a/packages/components/text/src/text.tsx
+++ b/packages/components/text/src/text.tsx
@@ -260,6 +260,7 @@ const Detail = (props: TDetailProps) => {
 
   return (
     <div
+      id={props.id}
       css={detailStyles(props)}
       title={props.title}
       aria-labelledby={props['aria-labelledby']}