diff --git a/packages/ui/src/components/link/link.component.tsx b/packages/ui/src/components/link/link.component.tsx
index 63376e679..8a2d205a4 100644
--- a/packages/ui/src/components/link/link.component.tsx
+++ b/packages/ui/src/components/link/link.component.tsx
@@ -39,7 +39,7 @@ export function BaseLink(
       className={styles.base({ className })}
     >
       {IconBefore && <IconBefore size={iconSize} color="link" className={styles.iconBefore()} />}
-      <span className={styles.text()}>{children}</span>
+      <span>{children}</span>
       {IconAfter && <IconAfter size={iconSize} color="link" className={styles.iconAfter()} />}
     </a>
   );
diff --git a/packages/ui/src/components/link/link.styles.ts b/packages/ui/src/components/link/link.styles.ts
index 17a3974b9..3966b10bf 100644
--- a/packages/ui/src/components/link/link.styles.ts
+++ b/packages/ui/src/components/link/link.styles.ts
@@ -4,19 +4,18 @@ export const styles = tv(
   {
     slots: {
       base: 'inline-flex bg-[transparent] hover:underline',
-      text: 'typography-body-10',
       iconBefore: 'mr-1',
       iconAfter: 'ml-1',
     },
     variants: {
       type: {
         inline: {
-          base: 'text-link items-baseline',
+          base: 'items-baseline text-link',
           iconBefore: 'self-center',
           iconAfter: 'self-center',
         },
         standalone: {
-          base: 'text-text items-center',
+          base: 'items-center text-text',
         },
       },
       underline: {