From a8ed8ff5ffd3328d4e2159a7595b1fe8a4b340af Mon Sep 17 00:00:00 2001
From: denis-orbs <denis@orbs.com>
Date: Wed, 13 Mar 2024 16:11:21 +0200
Subject: [PATCH] a

---
 package.json                                   |  2 +-
 src/components/App/SpotTrading/SpotTrading.tsx |  8 +++++++-
 yarn.lock                                      | 10 +++++-----
 3 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index 724e0bc..20000c6 100644
--- a/package.json
+++ b/package.json
@@ -31,7 +31,7 @@
     "@ethersproject/experimental": "^5.7.0",
     "@gelatonetwork/relay-sdk": "^5.5.2",
     "@marcius-capital/binance-api": "^0.2.16",
-    "@orbs-network/liquidity-hub-ui-sdk": "0.0.16",
+    "@orbs-network/liquidity-hub-ui-sdk": "0.0.18",
     "@rainbow-me/rainbowkit": "^1.0.8",
     "@react-spring/web": "^9.3.0",
     "@reduxjs/toolkit": "^1.9.7",
diff --git a/src/components/App/SpotTrading/SpotTrading.tsx b/src/components/App/SpotTrading/SpotTrading.tsx
index a216c15..91b44af 100644
--- a/src/components/App/SpotTrading/SpotTrading.tsx
+++ b/src/components/App/SpotTrading/SpotTrading.tsx
@@ -225,6 +225,12 @@ const StyledPoweredByOrbs = styled(PoweredByOrbs)`
   margin-bottom: 10px;
 `
 
+const StyledSwapConfirmation = styled(SwapConfirmation)`
+.lh-step-loader {
+  background: ${({ theme }) => theme.bg0};
+}
+`
+
 const SwapModal = () => {
   const { showModal, closeModal, swapStatus } = useSwapConfirmation()
   const onSwapSuccess = useOnSwapSuccess()
@@ -241,7 +247,7 @@ const SwapModal = () => {
         </BackTo>
         <Title>{!swapStatus ? 'Review swap' : ''}</Title>
         <SwapConfirmationContainer>
-          <SwapConfirmation />
+          <StyledSwapConfirmation />
         </SwapConfirmationContainer>
         {showButton && (
           <AdvancedGradientButton onClick={swap} label="">
diff --git a/yarn.lock b/yarn.lock
index 03eea8e..6dae7f5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4944,9 +4944,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@orbs-network/liquidity-hub-ui-sdk@npm:0.0.16":
-  version: 0.0.16
-  resolution: "@orbs-network/liquidity-hub-ui-sdk@npm:0.0.16"
+"@orbs-network/liquidity-hub-ui-sdk@npm:0.0.18":
+  version: 0.0.18
+  resolution: "@orbs-network/liquidity-hub-ui-sdk@npm:0.0.18"
   dependencies:
     "@ethersproject/abstract-signer": ^5.7.0
     "@ethersproject/hash": ^5.7.0
@@ -4972,7 +4972,7 @@ __metadata:
     react-number-format: ">=5.3.1"
     styled-components: ">=6.1.3"
     zustand: ">=4.4.7"
-  checksum: 6385405da5b97dc4d72d43993228b7dfaef20ed5176ba09e2ccea7243a404bc7ce3fd4249cf3ed6be0df6cfaea2b1743bd85c990d8a951f8dc0960c1a36daa56
+  checksum: 0c9c8a74402a78c5f16ae6b1362f1630f916b6f5e64c4d3cc0e32440f5014c6aedbc2ad7a11ddc782e7c8063e3a82c0764a55d208165c8e057d021eaff3b2fb0
   languageName: node
   linkType: hard
 
@@ -16317,7 +16317,7 @@ __metadata:
     "@ethersproject/experimental": ^5.7.0
     "@gelatonetwork/relay-sdk": ^5.5.2
     "@marcius-capital/binance-api": ^0.2.16
-    "@orbs-network/liquidity-hub-ui-sdk": 0.0.16
+    "@orbs-network/liquidity-hub-ui-sdk": 0.0.18
     "@rainbow-me/rainbowkit": ^1.0.8
     "@react-spring/web": ^9.3.0
     "@reduxjs/toolkit": ^1.9.7