[WALL] george / WALL-3220 / The padding size between cards in the suc…

…cess page does not align with design.(Mobile view) (deriv-com#12773) * fix: 💄 fix gap * fix: 🎨 fix content
arshad-rao-deriv · Jan 5, 2024 · ce324a6 · ce324a6
1 parent 81b8272
commit ce324a6
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/...ets/src/features/cashier/modules/Transfer/components/TransferReceipt/TransferReceipt.scss b/...ets/src/features/cashier/modules/Transfer/components/TransferReceipt/TransferReceipt.scss
@@ -8,7 +8,7 @@
         display: flex;
         flex-direction: row;
         align-items: center;
-        gap: 1.7rem;
+        gap: 1.6rem;
 
         & .wallets-card__details {
             padding: 1.6rem;

diff --git a/...lets/src/features/cashier/modules/Transfer/components/TransferReceipt/TransferReceipt.tsx b/...lets/src/features/cashier/modules/Transfer/components/TransferReceipt/TransferReceipt.tsx
@@ -79,15 +79,15 @@ const TransferReceipt = () => {
                 <ReceiptCard
                     account={fromAccount}
                     activeWallet={activeWallet}
-                    balance={`- ${displayTransferredFromAmount}`}
+                    balance={`-${displayTransferredFromAmount}`}
                 />
                 <div className='wallets-transfer-receipt__arrow-icon'>
                     <Arrow />
                 </div>
                 <ReceiptCard
                     account={toAccount}
                     activeWallet={activeWallet}
-                    balance={`+ ${displayTransferredToAmount}`}
+                    balance={`+${displayTransferredToAmount}`}
                 />
             </div>
             <div