diff --git a/packages/react/src/Timeline/internal/CommentCard.module.css b/packages/react/src/Timeline/internal/CommentCard.module.css
index 9f99868deb8..dcaa736933a 100644
--- a/packages/react/src/Timeline/internal/CommentCard.module.css
+++ b/packages/react/src/Timeline/internal/CommentCard.module.css
@@ -148,12 +148,6 @@
   color: var(--fgColor-muted);
 }
 
-/* Muted, underlined relative-time permalink. The underline keeps this muted
-   in-text link high-contrast accessible (matches the badge-row `.Timestamp`). */
-.Timestamp {
-  text-decoration: underline;
-}
-
 .CardActions {
   display: flex;
   align-items: center;
diff --git a/packages/react/src/Timeline/internal/CommentCard.tsx b/packages/react/src/Timeline/internal/CommentCard.tsx
index 5f1f7e08837..fff12ca6f47 100644
--- a/packages/react/src/Timeline/internal/CommentCard.tsx
+++ b/packages/react/src/Timeline/internal/CommentCard.tsx
@@ -5,9 +5,8 @@ import Avatar from '../../Avatar'
 import {IconButton} from '../../Button'
 import Label from '../../Label'
 import Link from '../../Link'
-import RelativeTime from '../../RelativeTime'
 import Timeline from '../Timeline'
-import {InlineAvatar} from './timelineStoryHelpers'
+import {InlineAvatar, MutedTime} from './timelineStoryHelpers'
 import classes from './CommentCard.module.css'
 
 /**
@@ -207,9 +206,7 @@ export const CommentCard = ({
             {hasInlineHeader ? <span className={classes.CommentedVerb}>commented</span> : null}
             <span className={classes.TimestampLine}>
               {/* Muted + underlined keeps this muted permalink high-contrast accessible. */}
-              <Link href="#" className={classes.Timestamp} muted>
-                <RelativeTime date={new Date(timestamp)} format="relative" />
-              </Link>
+              <MutedTime date={new Date(timestamp)} href="#" />
               {viaApp ? (
                 <>
                   {' – with '}