diff --git a/src/app/subscription/subscription-screen.tsx b/src/app/subscription/subscription-screen.tsx
index b35462ad..e4815a02 100644
--- a/src/app/subscription/subscription-screen.tsx
+++ b/src/app/subscription/subscription-screen.tsx
@@ -2,6 +2,7 @@
 import { useEffect, useMemo, useRef, useState } from "react";
 import { useRouter } from "next/navigation";
 
+import { BackButton } from "@/app/_components";
 import { Checkbox, MobileShell } from "@/app/_components/core";
 import { AppConstants } from "@/core/app_constants";
 import { PendingPaymentOrderStorage } from "@/data/storage";
@@ -13,7 +14,6 @@ import { useUserDispatch } from "@/stores/user/user-context";
 import { ROUTES } from "@/router/routes";
 
 import {
-  SubscriptionBackLink,
   SubscriptionCheckoutButton,
   SubscriptionCoinsOfferSection,
   SubscriptionPaymentMethod,
@@ -216,7 +216,11 @@ export function SubscriptionScreen({
     <MobileShell>
       <div className={styles.shell}>
         <header className={styles.header}>
-          <SubscriptionBackLink className={styles.backSlot} href={backHref} />
+          <BackButton
+            className={styles.backSlot}
+            href={backHref}
+            variant="soft"
+          />
         </header>
 
         <div className={styles.offerStack}>