From a7c5e645a9324ff9669a9de1f5d5d3ceb7bb9fa6 Mon Sep 17 00:00:00 2001
From: Jon Tzeng <jon@edge.app>
Date: Tue, 9 Jan 2024 17:17:58 -0800
Subject: [PATCH] Wrap CryptoFiatAmountTile in a CardUi4

---
 src/components/tiles/CryptoFiatAmountTile.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/tiles/CryptoFiatAmountTile.tsx b/src/components/tiles/CryptoFiatAmountTile.tsx
index 9f4f90b0db1..d8aa0a8ad38 100644
--- a/src/components/tiles/CryptoFiatAmountTile.tsx
+++ b/src/components/tiles/CryptoFiatAmountTile.tsx
@@ -9,6 +9,7 @@ import { useSelector } from '../../types/reactRedux'
 import { DECIMAL_PRECISION } from '../../util/utils'
 import { FiatText } from '../text/FiatText'
 import { EdgeText } from '../themed/EdgeText'
+import { CardUi4 } from '../ui4/CardUi4'
 import { RowActionIcon, RowUi4 } from '../ui4/RowUi4'
 
 // TODO: Check contentPadding
@@ -43,11 +44,13 @@ export const CryptoFiatAmountTile = (props: Props) => {
   const absCryptoAmount = abs(nativeCryptoAmount)
 
   return (
-    <RowUi4 rightButtonType={type} title={title} onPress={onPress}>
-      <EdgeText>
-        {cryptoAmountText}
-        (<FiatText wallet={wallet} tokenId={tokenId} nativeCryptoAmount={absCryptoAmount} />)
-      </EdgeText>
-    </RowUi4>
+    <CardUi4>
+      <RowUi4 rightButtonType={type} title={title} onPress={onPress}>
+        <EdgeText>
+          {cryptoAmountText}
+          (<FiatText wallet={wallet} tokenId={tokenId} nativeCryptoAmount={absCryptoAmount} />)
+        </EdgeText>
+      </RowUi4>
+    </CardUi4>
   )
 }