diff --git a/src/features/leverage-tokens/components/leverage-token-mint-modal/ConfirmStep.tsx b/src/features/leverage-tokens/components/leverage-token-mint-modal/ConfirmStep.tsx
index 8db850a1..41c66e48 100644
--- a/src/features/leverage-tokens/components/leverage-token-mint-modal/ConfirmStep.tsx
+++ b/src/features/leverage-tokens/components/leverage-token-mint-modal/ConfirmStep.tsx
@@ -1,4 +1,4 @@
-import { ArrowDown, TrendingUp, Zap } from 'lucide-react'
+import { ArrowDown, Zap } from 'lucide-react'
 import { AssetDisplay } from '../../../../components/ui/asset-display'
 import { Button } from '../../../../components/ui/button'
 import { Card } from '../../../../components/ui/card'
@@ -18,6 +18,16 @@ interface LeverageTokenConfig {
   name: string
   leverageRatio: number
   chainId: number
+  collateralAsset: {
+    symbol: string
+    name: string
+    address: string
+  }
+  debtAsset: {
+    symbol: string
+    name: string
+    address: string
+  }
 }
 
 interface ConfirmStepProps {
@@ -69,10 +79,10 @@ export function ConfirmStep({
 
       <Card variant="gradient" className="gap-0 border border-border bg-card p-4">
         <div className="space-y-3">
-          <div className="flex items-center justify-between">
-            <span className="text-sm text-secondary-foreground">Minting</span>
-            <div className="flex items-center">
-              <span className="mr-2 font-medium text-foreground">
+          <div className="flex flex-col gap-1 sm:flex-row sm:items-center sm:justify-between">
+            <span className="text-sm text-secondary-foreground">Depositing</span>
+            <div className="flex items-center justify-end gap-2">
+              <span className="font-medium text-foreground">
                 {amount} {selectedToken.symbol}
               </span>
               <AssetDisplay asset={selectedToken} size="sm" variant="logo-only" />
@@ -83,19 +93,34 @@ export function ConfirmStep({
             <ArrowDown className="h-4 w-4 text-muted-foreground" />
           </div>
 
-          <div className="flex items-center justify-between">
+          <div className="flex flex-col gap-1 sm:flex-row sm:items-start sm:justify-between">
             <span className="text-sm text-secondary-foreground">Receiving</span>
-            <div className="flex items-center">
-              <span className="mr-2 font-medium text-foreground">
+            <div className="grid grid-cols-[1fr_auto] justify-items-end gap-x-2 gap-y-1">
+              <div className="col-start-1 row-start-1 text-right font-medium leading-tight text-foreground">
                 {expectedTokens} {leverageTokenConfig.symbol}
-                {expectedDebtAmount && expectedDebtAmount !== '0' && debtAssetSymbol && (
-                  <>
-                    {' '}
+              </div>
+              <div className="col-start-2 row-start-1 flex -space-x-1">
+                <AssetDisplay
+                  asset={leverageTokenConfig.collateralAsset}
+                  size="sm"
+                  variant="logo-only"
+                />
+                <AssetDisplay asset={leverageTokenConfig.debtAsset} size="sm" variant="logo-only" />
+              </div>
+              {expectedDebtAmount && expectedDebtAmount !== '0' && debtAssetSymbol && (
+                <>
+                  <div className="col-start-1 row-start-2 flex items-center justify-end text-right text-xs leading-tight text-secondary-foreground">
                     + {expectedDebtAmount} {debtAssetSymbol}
-                  </>
-                )}
-              </span>
-              <TrendingUp className="h-4 w-4 text-brand-purple" />
+                  </div>
+                  <div className="col-start-2 row-start-2 flex items-center justify-end">
+                    <AssetDisplay
+                      asset={leverageTokenConfig.debtAsset}
+                      size="sm"
+                      variant="logo-only"
+                    />
+                  </div>
+                </>
+              )}
             </div>
           </div>
         </div>
diff --git a/src/features/leverage-tokens/components/leverage-token-mint-modal/InputStep.tsx b/src/features/leverage-tokens/components/leverage-token-mint-modal/InputStep.tsx
index 3601ea9c..86ab60e7 100644
--- a/src/features/leverage-tokens/components/leverage-token-mint-modal/InputStep.tsx
+++ b/src/features/leverage-tokens/components/leverage-token-mint-modal/InputStep.tsx
@@ -1,4 +1,4 @@
-import { AlertTriangle, ArrowDown, Loader2, Settings, TrendingUp } from 'lucide-react'
+import { AlertTriangle, ArrowDown, Loader2, Settings } from 'lucide-react'
 import { useEffect, useId, useRef } from 'react'
 import { cn } from '@/lib/utils/cn'
 import { Alert } from '../../../../components/ui/alert'
@@ -36,6 +36,12 @@ interface LeverageTokenConfig {
     address: string
     decimals: number
   }
+  debtAsset: {
+    symbol: string
+    name: string
+    address: string
+    decimals: number
+  }
   slippagePresets?: {
     mint?: {
       defaultShareSlippage?: string
@@ -316,48 +322,47 @@ export function InputStep({
         <Card variant="gradient" className="gap-0 border border-border bg-card p-4">
           <div className="mb-2 flex items-center justify-between">
             <div className="text-sm text-secondary-foreground">Preview</div>
-            {isCalculating && (
-              <div className="flex items-center text-xs text-slate-400" aria-live="polite">
-                <Loader2 className="h-3 w-3 animate-spin" aria-label="Calculating" />
-              </div>
-            )}
-          </div>
-
-          <div className="flex items-end justify-between">
-            <div className="flex-1">
-              <div className="text-xl font-medium text-foreground">
-                {isCalculating ? <Skeleton className="h-6 w-20" /> : expectedTokens}
-              </div>
-              {!isCalculating && (
-                <>
-                  <div className="text-xs text-secondary-foreground">
-                    {expectedExcessDebt && expectedExcessDebt !== '0' && debtAssetSymbol && (
-                      <>
-                        {' '}
-                        + {expectedExcessDebt} {debtAssetSymbol}
-                      </>
-                    )}
-                  </div>
-                  <div className="text-xs text-secondary-foreground">
-                    {expectedTokensUsdOutStr &&
-                    expectedDebtUsdOutStr &&
-                    expectedTotalUsdOutStr &&
-                    expectedDebtUsdOutStr !== '0'
-                      ? `≈ $${expectedTokensUsdOutStr} + $${expectedDebtUsdOutStr} = $${expectedTotalUsdOutStr}`
-                      : `≈ $${expectedTokensUsdOutStr}`}
-                  </div>
-                </>
+            <div className="flex items-center gap-1.5">
+              {isCalculating && (
+                <Loader2 className="h-3 w-3 animate-spin text-slate-400" aria-label="Calculating" />
               )}
-            </div>
-
-            <div className="ml-4 flex items-center space-x-2">
-              <div className="flex h-6 w-6 items-center justify-center rounded-full bg-accent">
-                <TrendingUp className="h-3 w-3 text-brand-purple" />
+              <div className="flex -space-x-1">
+                <AssetDisplay
+                  asset={leverageTokenConfig.collateralAsset}
+                  size="sm"
+                  variant="logo-only"
+                />
+                <AssetDisplay asset={leverageTokenConfig.debtAsset} size="sm" variant="logo-only" />
               </div>
-              <div className="text-sm font-medium text-foreground">
+              <span className="text-sm font-medium text-foreground">
                 {leverageTokenConfig.symbol}
-              </div>
+              </span>
+            </div>
+          </div>
+
+          <div>
+            <div className="text-2xl font-semibold text-foreground">
+              {isCalculating ? <Skeleton className="h-7 w-28" /> : expectedTokens}
             </div>
+            {!isCalculating && (
+              <>
+                <div className="text-xs text-secondary-foreground">
+                  {expectedExcessDebt && expectedExcessDebt !== '0' && debtAssetSymbol && (
+                    <>
+                      + {expectedExcessDebt} {debtAssetSymbol}
+                    </>
+                  )}
+                </div>
+                <div className="text-xs text-secondary-foreground">
+                  {expectedTokensUsdOutStr &&
+                  expectedDebtUsdOutStr &&
+                  expectedTotalUsdOutStr &&
+                  expectedDebtUsdOutStr !== '0'
+                    ? `≈ $${expectedTokensUsdOutStr} + $${expectedDebtUsdOutStr} = $${expectedTotalUsdOutStr}`
+                    : `≈ $${expectedTokensUsdOutStr}`}
+                </div>
+              </>
+            )}
           </div>
         </Card>
       </div>
diff --git a/src/features/leverage-tokens/components/leverage-token-mint-modal/PendingStep.tsx b/src/features/leverage-tokens/components/leverage-token-mint-modal/PendingStep.tsx
index b734edae..6cfbc47d 100644
--- a/src/features/leverage-tokens/components/leverage-token-mint-modal/PendingStep.tsx
+++ b/src/features/leverage-tokens/components/leverage-token-mint-modal/PendingStep.tsx
@@ -50,7 +50,7 @@ export function PendingStep({
       <Card variant="gradient" className="border border-border bg-card p-4">
         <div className="space-y-2 text-sm">
           <div className="flex justify-between">
-            <span className="text-secondary-foreground">Minting</span>
+            <span className="text-secondary-foreground">Receiving</span>
             <span className="text-foreground">
               {expectedTokens} {leverageTokenConfig.symbol}
               {expectedDebtAmount && expectedDebtAmount !== '0' && debtAssetSymbol && (
diff --git a/src/features/leverage-tokens/components/leverage-token-mint-modal/SuccessStep.tsx b/src/features/leverage-tokens/components/leverage-token-mint-modal/SuccessStep.tsx
index 0150b126..882f1feb 100644
--- a/src/features/leverage-tokens/components/leverage-token-mint-modal/SuccessStep.tsx
+++ b/src/features/leverage-tokens/components/leverage-token-mint-modal/SuccessStep.tsx
@@ -42,15 +42,15 @@ export function SuccessStep({
         </div>
         <h3 className="text-lg font-medium text-foreground mb-2">Mint Success!</h3>
         <p className="text-secondary-foreground text-center max-w-sm text-sm">
-          Your {amount} {selectedToken.symbol} has been successfully minted into {expectedTokens}{' '}
-          {leverageTokenSymbol}.
+          Your {amount} {selectedToken.symbol} has been successfully deposited to mint{' '}
+          {expectedTokens} {leverageTokenSymbol}.
         </p>
       </div>
 
       <Card variant="gradient" className="border border-border bg-card p-4">
         <div className="space-y-2 text-sm">
           <div className="flex justify-between">
-            <span className="text-secondary-foreground">Minted</span>
+            <span className="text-secondary-foreground">Deposited</span>
             <span className="text-foreground">
               {amount} {selectedToken.symbol}
             </span>
diff --git a/src/features/leverage-tokens/components/leverage-token-mint-modal/index.tsx b/src/features/leverage-tokens/components/leverage-token-mint-modal/index.tsx
index 5df7031e..fab1acb4 100644
--- a/src/features/leverage-tokens/components/leverage-token-mint-modal/index.tsx
+++ b/src/features/leverage-tokens/components/leverage-token-mint-modal/index.tsx
@@ -917,6 +917,8 @@ export function LeverageTokenMintModal({
               name: leverageTokenConfig.name,
               leverageRatio: leverageTokenConfig.leverageRatio,
               chainId: leverageTokenConfig.chainId,
+              collateralAsset: leverageTokenConfig.collateralAsset,
+              debtAsset: leverageTokenConfig.debtAsset,
             }}
             onConfirm={handleConfirm}
             disabled={
@@ -971,8 +973,10 @@ export function LeverageTokenMintModal({
     <MultiStepModal
       isOpen={isOpen}
       onClose={handleClose}
-      title={currentStep === 'success' ? 'Mint Success' : 'Mint Leverage Token'}
-      description={currentStep === 'success' ? 'Your leverage tokens have been successfully.' : ''}
+      title={currentStep === 'success' ? 'Mint Success' : 'Mint Leverage Tokens'}
+      description={
+        currentStep === 'success' ? 'Your leverage tokens have been successfully minted.' : ''
+      }
       currentStep={currentStep}
       steps={steps}
       className="max-w-xl border border-[var(--divider-line)] bg-[var(--surface-card)]"
diff --git a/src/features/leverage-tokens/components/leverage-token-redeem-modal/ConfirmStep.tsx b/src/features/leverage-tokens/components/leverage-token-redeem-modal/ConfirmStep.tsx
index 6c73a63d..8acf1d6c 100644
--- a/src/features/leverage-tokens/components/leverage-token-redeem-modal/ConfirmStep.tsx
+++ b/src/features/leverage-tokens/components/leverage-token-redeem-modal/ConfirmStep.tsx
@@ -1,4 +1,5 @@
-import { ArrowDown, TrendingDown, Zap } from 'lucide-react'
+import { ArrowDown, Zap } from 'lucide-react'
+import { AssetDisplay } from '../../../../components/ui/asset-display'
 import { Button } from '../../../../components/ui/button'
 import { Card } from '../../../../components/ui/card'
 import { Skeleton } from '../../../../components/ui/skeleton'
@@ -17,6 +18,16 @@ interface LeverageTokenConfig {
   name: string
   leverageRatio: number
   chainId: number
+  collateralAsset: {
+    symbol: string
+    name: string
+    address: string
+  }
+  debtAsset: {
+    symbol: string
+    name: string
+    address: string
+  }
 }
 
 interface ConfirmStepProps {
@@ -74,13 +85,20 @@ export function ConfirmStep({
 
       <Card variant="gradient" className="gap-0 border border-border bg-card p-4">
         <div className="space-y-3">
-          <div className="flex items-center justify-between">
+          <div className="flex flex-col gap-1 sm:flex-row sm:items-center sm:justify-between">
             <span className="text-sm text-secondary-foreground">Redeeming</span>
-            <div className="flex items-center">
-              <span className="mr-2 font-medium text-foreground">
+            <div className="flex items-center justify-end gap-2">
+              <span className="font-medium text-foreground">
                 {amount} {selectedToken.symbol}
               </span>
-              <TrendingDown className="h-4 w-4 text-brand-purple" />
+              <div className="flex -space-x-1">
+                <AssetDisplay
+                  asset={leverageTokenConfig.collateralAsset}
+                  size="sm"
+                  variant="logo-only"
+                />
+                <AssetDisplay asset={leverageTokenConfig.debtAsset} size="sm" variant="logo-only" />
+              </div>
             </div>
           </div>
 
@@ -88,19 +106,33 @@ export function ConfirmStep({
             <ArrowDown className="h-4 w-4 text-muted-foreground" />
           </div>
 
-          <div className="flex items-center justify-between">
+          <div className="flex flex-col gap-1 sm:flex-row sm:items-start sm:justify-between">
             <span className="text-sm text-secondary-foreground">Receiving</span>
-            <div className="flex items-center">
-              <span className="mr-2 font-medium text-foreground">
+            <div className="grid grid-cols-[1fr_auto] justify-items-end gap-x-2 gap-y-1">
+              <div className="col-start-1 row-start-1 text-right font-medium leading-tight text-foreground">
                 {expectedAmount} {selectedAsset}
-                {expectedDebtAmount && expectedDebtAmount !== '0' && debtAssetSymbol && (
-                  <>
-                    {' '}
+              </div>
+              <div className="col-start-2 row-start-1 flex justify-end">
+                <AssetDisplay
+                  asset={leverageTokenConfig.collateralAsset}
+                  size="sm"
+                  variant="logo-only"
+                />
+              </div>
+              {expectedDebtAmount && expectedDebtAmount !== '0' && debtAssetSymbol && (
+                <>
+                  <div className="col-start-1 row-start-2 flex items-center justify-end text-right text-xs leading-tight text-secondary-foreground">
                     + {expectedDebtAmount} {debtAssetSymbol}
-                  </>
-                )}
-              </span>
-              <TrendingDown className="h-4 w-4 text-[var(--state-success-text)]" />
+                  </div>
+                  <div className="col-start-2 row-start-2 flex items-center justify-end">
+                    <AssetDisplay
+                      asset={leverageTokenConfig.debtAsset}
+                      size="sm"
+                      variant="logo-only"
+                    />
+                  </div>
+                </>
+              )}
             </div>
           </div>
         </div>
@@ -113,10 +145,6 @@ export function ConfirmStep({
             <span className="text-secondary-foreground">Leverage Token</span>
             <span className="text-foreground">{leverageTokenConfig.name}</span>
           </div>
-          <div className="flex justify-between">
-            <span className="text-secondary-foreground">Redeem Asset</span>
-            <span className="text-foreground">{selectedAsset}</span>
-          </div>
           <div className="flex justify-between">
             <span className="text-secondary-foreground">Redemption Fee</span>
             <span className="text-foreground">
diff --git a/src/features/leverage-tokens/components/leverage-token-redeem-modal/InputStep.tsx b/src/features/leverage-tokens/components/leverage-token-redeem-modal/InputStep.tsx
index aee24c38..9162db1a 100644
--- a/src/features/leverage-tokens/components/leverage-token-redeem-modal/InputStep.tsx
+++ b/src/features/leverage-tokens/components/leverage-token-redeem-modal/InputStep.tsx
@@ -1,8 +1,9 @@
-import { AlertTriangle, ArrowDown, Loader2, Settings, TrendingDown } from 'lucide-react'
+import { AlertTriangle, ArrowDown, Loader2, Settings } from 'lucide-react'
 import { useEffect, useId, useRef } from 'react'
 import { SlippageInput } from '@/features/leverage-tokens/components/SlippageInput'
 import { cn } from '@/lib/utils/cn'
 import { Alert } from '../../../../components/ui/alert'
+import { AssetDisplay } from '../../../../components/ui/asset-display'
 import { Button } from '../../../../components/ui/button'
 import { Card } from '../../../../components/ui/card'
 import { Input } from '../../../../components/ui/input'
@@ -35,6 +36,12 @@ interface LeverageTokenConfig {
     address: string
     decimals: number
   }
+  debtAsset: {
+    symbol: string
+    name: string
+    address: string
+    decimals: number
+  }
   slippagePresets?: {
     redeem?: {
       defaultCollateralSlippage?: string
@@ -208,9 +215,14 @@ export function InputStep({
               </div>
             </div>
 
-            <div className="ml-4 flex items-center space-x-2">
-              <div className="flex h-6 w-6 items-center justify-center rounded-full bg-accent">
-                <TrendingDown className="h-3 w-3 text-brand-purple" />
+            <div className="ml-4 flex items-center gap-1.5 pb-2">
+              <div className="flex -space-x-1">
+                <AssetDisplay
+                  asset={leverageTokenConfig.collateralAsset}
+                  size="sm"
+                  variant="logo-only"
+                />
+                <AssetDisplay asset={leverageTokenConfig.debtAsset} size="sm" variant="logo-only" />
               </div>
               <span className="text-sm font-medium text-foreground">
                 {leverageTokenConfig.symbol}
@@ -298,46 +310,42 @@ export function InputStep({
         <Card variant="gradient" className="gap-0 border border-border bg-card p-4">
           <div className="mb-2 flex items-center justify-between">
             <div className="text-sm text-secondary-foreground">Preview</div>
-            {isCalculating && (
-              <div className="flex items-center text-xs text-slate-400" aria-live="polite">
-                <Loader2 className="h-3 w-3 animate-spin" aria-label="Calculating" />
-              </div>
-            )}
-          </div>
-
-          <div className="flex items-end justify-between">
-            <div className="flex-1">
-              <div className="text-xl font-medium text-foreground">
-                {isCalculating ? <Skeleton className="h-6 w-20" /> : expectedTokens}
-              </div>
-              {!isCalculating && (
-                <>
-                  <div className="text-xs text-secondary-foreground">
-                    {expectedExcessDebt && expectedExcessDebt !== '0' && debtAssetSymbol && (
-                      <>
-                        {' '}
-                        + {expectedExcessDebt} {debtAssetSymbol}
-                      </>
-                    )}
-                  </div>
-                  <div className="text-xs text-secondary-foreground">
-                    {expectedTokensUsdOutStr &&
-                    expectedDebtUsdOutStr &&
-                    expectedTotalUsdOutStr &&
-                    expectedDebtUsdOutStr !== '0'
-                      ? `≈ $${expectedTokensUsdOutStr} + $${expectedDebtUsdOutStr} = $${expectedTotalUsdOutStr}`
-                      : `≈ $${expectedTokensUsdOutStr}`}
-                  </div>
-                </>
+            <div className="flex items-center gap-1.5">
+              {isCalculating && (
+                <Loader2 className="h-3 w-3 animate-spin text-slate-400" aria-label="Calculating" />
               )}
+              <AssetDisplay
+                asset={leverageTokenConfig.collateralAsset}
+                size="sm"
+                variant="logo-only"
+              />
+              <span className="text-sm font-medium text-foreground">{collateralAssetSymbol}</span>
             </div>
+          </div>
 
-            <div className="ml-4 flex items-center space-x-2">
-              <div className="flex h-6 w-6 items-center justify-center rounded-full bg-accent">
-                <TrendingDown className="h-3 w-3 text-brand-purple" />
-              </div>
-              <div className="text-sm font-medium text-foreground">{collateralAssetSymbol}</div>
+          <div>
+            <div className="text-2xl font-semibold text-foreground">
+              {isCalculating ? <Skeleton className="h-7 w-28" /> : expectedTokens}
             </div>
+            {!isCalculating && (
+              <>
+                <div className="text-xs text-secondary-foreground">
+                  {expectedExcessDebt && expectedExcessDebt !== '0' && debtAssetSymbol && (
+                    <>
+                      + {expectedExcessDebt} {debtAssetSymbol}
+                    </>
+                  )}
+                </div>
+                <div className="text-xs text-secondary-foreground">
+                  {expectedTokensUsdOutStr &&
+                  expectedDebtUsdOutStr &&
+                  expectedTotalUsdOutStr &&
+                  expectedDebtUsdOutStr !== '0'
+                    ? `≈ $${expectedTokensUsdOutStr} + $${expectedDebtUsdOutStr} = $${expectedTotalUsdOutStr}`
+                    : `≈ $${expectedTokensUsdOutStr}`}
+                </div>
+              </>
+            )}
           </div>
         </Card>
       </div>
diff --git a/src/features/leverage-tokens/components/leverage-token-redeem-modal/SuccessStep.tsx b/src/features/leverage-tokens/components/leverage-token-redeem-modal/SuccessStep.tsx
index 84832329..39f17ac7 100644
--- a/src/features/leverage-tokens/components/leverage-token-redeem-modal/SuccessStep.tsx
+++ b/src/features/leverage-tokens/components/leverage-token-redeem-modal/SuccessStep.tsx
@@ -36,7 +36,7 @@ export function SuccessStep({
         <h3 className="text-lg font-medium text-foreground mb-2">Redemption Completed!</h3>
         <p className="text-secondary-foreground text-center max-w-sm text-sm">
           Your {amount} {leverageTokenSymbol} have been successfully redeemed for {expectedAmount}{' '}
-          {selectedAsset}.
+          {selectedAsset} and {actualDebtAmount} {debtAssetSymbol}.
         </p>
       </div>
 
@@ -81,8 +81,8 @@ export function SuccessStep({
             Redemption complete
           </p>
           <p className="mt-1 text-xs">
-            Your {selectedAsset} has been transferred to your wallet. Track your remaining positions
-            in your Portfolio.
+            Your {selectedAsset} and {debtAssetSymbol} has been transferred to your wallet. Track
+            your remaining positions in your Portfolio.
           </p>
         </div>
       </Card>
diff --git a/src/features/leverage-tokens/components/leverage-token-redeem-modal/index.tsx b/src/features/leverage-tokens/components/leverage-token-redeem-modal/index.tsx
index 2cc72715..1f0f70e4 100644
--- a/src/features/leverage-tokens/components/leverage-token-redeem-modal/index.tsx
+++ b/src/features/leverage-tokens/components/leverage-token-redeem-modal/index.tsx
@@ -929,6 +929,8 @@ export function LeverageTokenRedeemModal({
               name: leverageTokenConfig.name,
               leverageRatio: leverageTokenConfig.leverageRatio,
               chainId: leverageTokenConfig.chainId,
+              collateralAsset: leverageTokenConfig.collateralAsset,
+              debtAsset: leverageTokenConfig.debtAsset,
             }}
             redemptionFee={fees?.redeemTreasuryFee}
             isRedemptionFeeLoading={isFeesLoading}
@@ -986,11 +988,9 @@ export function LeverageTokenRedeemModal({
     <MultiStepModal
       isOpen={isOpen}
       onClose={handleClose}
-      title={currentStep === 'success' ? 'Redemption Status' : 'Redeem Leverage Token'}
+      title={currentStep === 'success' ? 'Redemption Status' : 'Redeem Leverage Tokens'}
       description={
-        currentStep === 'success'
-          ? 'Your redemption request has been processed successfully.'
-          : 'Redeem your leverage tokens back to the underlying assets.'
+        currentStep === 'success' ? 'Your leverage tokens have been successfully redeemed.' : ''
       }
       currentStep={currentStep}
       steps={steps}