diff --git a/.changeset/yellow-books-mix.md b/.changeset/yellow-books-mix.md
new file mode 100644
index 000000000..b56aea068
--- /dev/null
+++ b/.changeset/yellow-books-mix.md
@@ -0,0 +1,5 @@
+---
+'@relayprotocol/relay-kit-ui': patch
+---
+
+Fix share icon color
diff --git a/packages/ui/src/components/common/TransactionModal/steps/SwapSuccessStep.tsx b/packages/ui/src/components/common/TransactionModal/steps/SwapSuccessStep.tsx
index d006a21fc..8706284ac 100644
--- a/packages/ui/src/components/common/TransactionModal/steps/SwapSuccessStep.tsx
+++ b/packages/ui/src/components/common/TransactionModal/steps/SwapSuccessStep.tsx
@@ -1,4 +1,4 @@
-import { type FC } from 'react'
+import { useContext, type FC } from 'react'
 import {
   Box,
   Button,
@@ -25,6 +25,7 @@ import { formatBN } from '../../../../utils/numbers.js'
 import { TransactionsByChain } from './TransactionsByChain.js'
 import { faArrowRight } from '@fortawesome/free-solid-svg-icons'
 import { XIcon } from '../../../../icons/index.js'
+import { ProviderOptionsContext } from '../../../../providers/RelayKitProvider.js'
 
 type SwapSuccessStepProps = {
   fromToken?: Token
@@ -64,6 +65,7 @@ export const SwapSuccessStep: FC<SwapSuccessStepProps> = ({
   const relayClient = useRelayClient()
   const isWrap = details?.operation === 'wrap'
   const isUnwrap = details?.operation === 'unwrap'
+  const providerOptionsContext = useContext(ProviderOptionsContext)
 
   const _fromAmountFormatted = transaction?.data?.metadata?.currencyIn?.amount
     ? formatBN(
@@ -125,6 +127,8 @@ export const SwapSuccessStep: FC<SwapSuccessStepProps> = ({
 
   const showDetails =
     !allTxHashes.every((tx) => tx.isBatchTx) || formattedGasTopUpAmount
+  const shareIconFill =
+    providerOptionsContext.themeScheme === 'dark' ? '#fff' : '#000'
 
   return isDelayedTx ? (
     <>
@@ -446,7 +450,7 @@ export const SwapSuccessStep: FC<SwapSuccessStepProps> = ({
               ml: 'auto'
             }}
           >
-            Share on <XIcon width={14} height={14} />
+            Share on <XIcon width={14} height={14} fill={shareIconFill} />
           </Anchor>
         </Flex>
       ) : null}
diff --git a/packages/ui/src/icons/XIcon.tsx b/packages/ui/src/icons/XIcon.tsx
index 482b3f0f2..f0e6b8310 100644
--- a/packages/ui/src/icons/XIcon.tsx
+++ b/packages/ui/src/icons/XIcon.tsx
@@ -24,7 +24,7 @@ export const XIcon = ({
       <g clip-path="url(#clip0_690_7509)">
         <path
           d="M12.449 0.5H14.8134L9.64897 6.44222L15.7467 14.5H10.9556L7.22231 9.61556L2.92897 14.5H0.564529L6.10231 8.15333L0.253418 0.5H5.16897L8.56008 4.98L12.449 0.5ZM11.609 13.0689H12.9156L4.45342 1.83778H3.02231L11.609 13.0689Z"
-          fill="#11181C"
+          fill={fill}
         />
       </g>
       <defs>