diff --git a/packages/arb-token-bridge-ui/public/images/LightningIcon.svg b/packages/arb-token-bridge-ui/public/images/LightningIcon.svg
new file mode 100644
index 0000000000..b3b74ca881
--- /dev/null
+++ b/packages/arb-token-bridge-ui/public/images/LightningIcon.svg
@@ -0,0 +1,3 @@
+
diff --git a/packages/arb-token-bridge-ui/src/components/TransferPanel/TransferPanelSummary.tsx b/packages/arb-token-bridge-ui/src/components/TransferPanel/TransferPanelSummary.tsx
index 53015bc306..3761043fd8 100644
--- a/packages/arb-token-bridge-ui/src/components/TransferPanel/TransferPanelSummary.tsx
+++ b/packages/arb-token-bridge-ui/src/components/TransferPanel/TransferPanelSummary.tsx
@@ -1,6 +1,7 @@
import React, { useMemo } from 'react'
import { InformationCircleIcon } from '@heroicons/react/24/outline'
import { twMerge } from 'tailwind-merge'
+import Image from 'next/image'
import { formatAmount } from '../../util/NumberUtils'
import { getNetworkName, isNetwork } from '../../util/networks'
@@ -20,6 +21,7 @@ import { NoteBox } from '../common/NoteBox'
import { DISABLED_CHAIN_IDS } from './useTransferReadiness'
import { useIsBatchTransferSupported } from '../../hooks/TransferPanel/useIsBatchTransferSupported'
import { getConfirmationTime } from '../../util/WithdrawalUtils'
+import LightningIcon from '@/images/LightningIcon.svg'
export type TransferPanelSummaryToken = {
symbol: string
@@ -284,7 +286,7 @@ function ConfirmationTimeInfo({ chainId }: { chainId: number }) {
return (
<>
Confirmation time:
-
+
{confirmationTimeInReadableFormat}
@@ -292,13 +294,19 @@ function ConfirmationTimeInfo({ chainId }: { chainId: number }) {
{confirmationTimeInReadableFormatShort}
{fastWithdrawalActive && (
-
-
-
+
)}
>