diff --git a/src/routes/[network]/(account)/(staking)/staking/stake/+page.svelte b/src/routes/[network]/(account)/(staking)/staking/stake/+page.svelte
index f58df239c..75a2fc6a1 100644
--- a/src/routes/[network]/(account)/(staking)/staking/stake/+page.svelte
+++ b/src/routes/[network]/(account)/(staking)/staking/stake/+page.svelte
@@ -6,6 +6,7 @@
 	import AssetInput from '$lib/components/input/asset.svelte';
 	import Button from '$lib/components/button/button.svelte';
 	import Label from '$lib/components/input/label.svelte';
+	import Transaction from '$lib/components/transaction.svelte';
 	import * as m from '$lib/paraglide/messages.js';
 	import type { UnicoveContext } from '$lib/state/client.svelte';
 	import { getContext, untrack } from 'svelte';
@@ -22,15 +23,7 @@
 </script>
 
 {#if stakeState.txid}
-	<div class="space-y-4">
-		<h2 class="h2">Transaction Complete</h2>
-		<h3 class="h3">success</h3>
-		<p>
-			<a href="/{data.network}/transaction/{stakeState.txid}">
-				{stakeState.txid}
-			</a>
-		</p>
-	</div>
+	<Transaction network={data.network} transactionId={stakeState.txid} />
 {:else if stakeState.error}
 	<div>
 		<h2 class="h2">Transaction Error</h2>
diff --git a/src/routes/[network]/(account)/(staking)/staking/unstake/+page.svelte b/src/routes/[network]/(account)/(staking)/staking/unstake/+page.svelte
index a84fe0c66..9a02df2ec 100644
--- a/src/routes/[network]/(account)/(staking)/staking/unstake/+page.svelte
+++ b/src/routes/[network]/(account)/(staking)/staking/unstake/+page.svelte
@@ -6,6 +6,7 @@
 	import AssetInput from '$lib/components/input/asset.svelte';
 	import Button from '$lib/components/button/button.svelte';
 	import Label from '$lib/components/input/label.svelte';
+	import Transaction from '$lib/components/transaction.svelte';
 	import * as m from '$lib/paraglide/messages.js';
 	import type { UnicoveContext } from '$lib/state/client.svelte';
 	import { getContext } from 'svelte';
@@ -22,15 +23,7 @@
 </script>
 
 {#if unstakeState.txid}
-	<div class="space-y-4">
-		<h2 class="h2">Transaction Complete</h2>
-		<h3 class="h3">success</h3>
-		<p>
-			<a href="/{data.network}/transaction/{unstakeState.txid}">
-				{unstakeState.txid}
-			</a>
-		</p>
-	</div>
+	<Transaction network={data.network} transactionId={unstakeState.txid} />
 {:else if unstakeState.error}
 	<div>
 		<h2 class="h2">Transaction Error</h2>
diff --git a/src/routes/[network]/(account)/(staking)/staking/withdraw/+page.svelte b/src/routes/[network]/(account)/(staking)/staking/withdraw/+page.svelte
index eb7d62882..bef21c35d 100644
--- a/src/routes/[network]/(account)/(staking)/staking/withdraw/+page.svelte
+++ b/src/routes/[network]/(account)/(staking)/staking/withdraw/+page.svelte
@@ -7,6 +7,7 @@
 	import Button from '$lib/components/button/button.svelte';
 	import Label from '$lib/components/input/label.svelte';
 	import PageHeader from '$lib/components/pageheader.svelte';
+	import Transaction from '$lib/components/transaction.svelte';
 
 	import * as m from '$lib/paraglide/messages.js';
 	import type { UnicoveContext } from '$lib/state/client.svelte';
@@ -24,15 +25,7 @@
 </script>
 
 {#if withdrawState.txid}
-	<div class="space-y-4">
-		<h2 class="h2">Transaction Complete</h2>
-		<h3 class="h3">success</h3>
-		<p>
-			<a href="/{data.network}/transaction/{withdrawState.txid}">
-				{withdrawState.txid}
-			</a>
-		</p>
-	</div>
+	<Transaction network={data.network} transactionId={withdrawState.txid} />
 {:else if withdrawState.error}
 	<div>
 		<h2 class="h2">Transaction Error</h2>