fix: wallet icon svg size (#1064)

coinbase · Aug 15, 2024 · 6ee4d76 · 6ee4d76
1 parent 8507b3e
commit 6ee4d76
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/internal/svg/fundWallet.tsx b/src/internal/svg/fundWallet.tsx
@@ -4,15 +4,17 @@ export const fundWalletSvg = (
   <svg
     role="img"
     aria-label="fund-wallet-svg"
-    width="100%"
-    height="100%"
-    viewBox="0 0 20 20"
+    width="18"
+    height="18"
+    viewBox="0 0 18 18"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM1.63962 4.33685C5.1477 6.36224 9.63276 5.16047 11.6582 1.65239C9.63276 5.16047 10.8345 9.64553 14.3413 11.6702C10.8345 9.64553 6.35021 10.846 4.32482 14.3541C6.35021 10.846 5.1477 6.36224 1.63962 4.33685Z"
-      fill="#0A0B0D"
+      fill="#030712"
       className={fill.defaultReverse}
     />
   </svg>

diff --git a/src/wallet/components/WalletDropdownFundLink.tsx b/src/wallet/components/WalletDropdownFundLink.tsx
@@ -56,7 +56,7 @@ export function WalletDropdownFundLink({
   const linkContent = useMemo(
     () => (
       <>
-        <div className="-translate-y-1/2 absolute top-1/2 left-4 flex h-4 w-4 items-center justify-center">
+        <div className="-translate-y-1/2 absolute top-1/2 left-4 flex h-[1.125rem] w-[1.125rem] items-center justify-center">
           {iconSvg}
         </div>
         <span className={cn(themeText.body, 'pl-6')}>{text}</span>