diff --git a/src/text-link.css.ts b/src/text-link.css.ts
index bfd89b8dd..a8d8b8493 100644
--- a/src/text-link.css.ts
+++ b/src/text-link.css.ts
@@ -75,12 +75,3 @@ export const variants = styleVariants({
         },
     ],
 });
-
-export const touchable = sprinkles({
-    display: 'block',
-    border: 'none',
-    width: '100%',
-    background: 'transparent',
-    padding: 0,
-    overflow: 'visible',
-});
diff --git a/src/text-link.tsx b/src/text-link.tsx
index 313744b85..aaf8a7238 100644
--- a/src/text-link.tsx
+++ b/src/text-link.tsx
@@ -64,10 +64,10 @@ const TextLink = ({
         <BaseTouchable
             {...props}
             stopPropagation
+            as={props.onPress ? 'a' : undefined}
             trackingEvent={props.trackingEvent ?? (trackEvent ? createDefaultTrackingEvent() : undefined)}
             disabled={disabled || formStatus === 'sending'}
             className={classnames(
-                styles.touchable,
                 isInverse
                     ? isDarkMode
                         ? styles.variants.inverseDark