diff --git a/components/features/index.jsx b/components/features/index.jsx
index b9be127a4a2..f6c2627ebc9 100644
--- a/components/features/index.jsx
+++ b/components/features/index.jsx
@@ -90,7 +90,7 @@ export default function Features() {
                   {feature.links.map((link) => {
                     return (
                       <Link href={link.href} key={link.label}>
-                        <TextLink href={link.href} className="mt-6 inline-block">
+                        <TextLink id={link.id} href={link.href} className="mt-6 inline-block">
                           {link.label}
                         </TextLink>
                       </Link>
diff --git a/components/typography/TextLink.js b/components/typography/TextLink.js
index cc8d819fc7f..08882de387a 100644
--- a/components/typography/TextLink.js
+++ b/components/typography/TextLink.js
@@ -3,7 +3,8 @@ export default function TextLink({
     href,
     className,
     target,
-    children
+    children,
+    id
 }) {
 
     const classNames = `text-secondary-500 underline hover:text-gray-800 font-medium transition ease-in-out duration-300 ${className || ''}`
@@ -12,7 +13,7 @@ export default function TextLink({
         <>
             {' '}
             <Link href={href}>
-                <a target={target} rel="noreferrer noopener" className={classNames}>
+                <a id={id} target={target} rel="noreferrer noopener" className={classNames}>
                     {children}
                 </a>
             </Link>