From 441f14836e66c263a42cb66120b40694554ae6df Mon Sep 17 00:00:00 2001
From: danidfra <danielfilemondev@gmail.com>
Date: Fri, 27 Sep 2024 21:38:50 -0300
Subject: [PATCH] Fix info-icon color

---
 src/features/zap/components/zap-pay-request-form.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/features/zap/components/zap-pay-request-form.tsx b/src/features/zap/components/zap-pay-request-form.tsx
index 02b60393e..7b6a303cd 100644
--- a/src/features/zap/components/zap-pay-request-form.tsx
+++ b/src/features/zap/components/zap-pay-request-form.tsx
@@ -12,6 +12,7 @@ import moneyBag from 'soapbox/assets/icons/money-bag.png';
 import pileCoin from 'soapbox/assets/icons/pile-coin.png';
 import DisplayNameInline from 'soapbox/components/display-name-inline';
 import { Stack, Button, Input, Avatar, Text } from 'soapbox/components/ui';
+import SvgIcon from 'soapbox/components/ui/icon/svg-icon';
 import IconButton from 'soapbox/components/ui/icon-button/icon-button';
 import { useAppDispatch } from 'soapbox/hooks';
 
@@ -158,7 +159,7 @@ const ZapPayRequestForm = ({ account, status, onClose }: IZapPayRequestForm) =>
           </span>
 
           <Link to={'/'} className='text-xs underline'>
-            <img src={require('@tabler/icons/outline/info-square-rounded.svg')} className='w-4' alt='info-square-rounded' />
+            <SvgIcon src={require('@tabler/icons/outline/info-square-rounded.svg')} className='w-4' alt='info-square-rounded' />
           </Link>
 
         </div>