diff --git a/src/app/components/Delegations/Delegation.tsx b/src/app/components/Delegations/Delegation.tsx
index de3e4958..ad7fec8c 100644
--- a/src/app/components/Delegations/Delegation.tsx
+++ b/src/app/components/Delegations/Delegation.tsx
@@ -6,12 +6,17 @@ import { Tooltip } from "react-tooltip";
 
 import { DelegationState, StakingTx } from "@/app/types/delegations";
 import { GlobalParamsVersion } from "@/app/types/globalParams";
+import {
+  PUBLIC_MEMPOOL_URL,
+  PUBLIC_MEMPOOL_URL_SIGNET,
+} from "@/config/mempool";
 import { getNetworkConfig } from "@/config/network.config";
 import { satoshiToBtc } from "@/utils/btcConversions";
 import { durationTillNow } from "@/utils/formatTime";
 import { getState, getStateTooltip } from "@/utils/getState";
 import { maxDecimals } from "@/utils/maxDecimals";
 import { trim } from "@/utils/trim";
+import { Network } from "@/utils/wallet/wallet_provider";
 
 interface DelegationProps {
   finalityProviderMoniker: string;
@@ -111,7 +116,12 @@ export const Delegation: React.FC<DelegationProps> = ({
     }
   };
 
-  const { coinName, mempoolApiUrl } = getNetworkConfig();
+  const { coinName, network } = getNetworkConfig();
+
+  const mempoolUIUrl =
+    network === Network.MAINNET
+      ? PUBLIC_MEMPOOL_URL
+      : PUBLIC_MEMPOOL_URL_SIGNET;
 
   return (
     <div
@@ -135,7 +145,7 @@ export const Delegation: React.FC<DelegationProps> = ({
         </p>
         <div className="justify-center lg:flex order-2 lg:order-3">
           <a
-            href={`${mempoolApiUrl}/tx/${stakingTxHash}`}
+            href={`${mempoolUIUrl}/tx/${stakingTxHash}`}
             target="_blank"
             rel="noopener noreferrer"
             className="text-primary hover:underline"
diff --git a/src/config/mempool.ts b/src/config/mempool.ts
new file mode 100644
index 00000000..6fc08826
--- /dev/null
+++ b/src/config/mempool.ts
@@ -0,0 +1,2 @@
+export const PUBLIC_MEMPOOL_URL = "https://mempool.space";
+export const PUBLIC_MEMPOOL_URL_SIGNET = "https://mempool.space/signet";