[Bugfix] svg not show in Safari (#2657)

Author: yuli-ferna

wormhole-connect/src/icons/TokenIcons.tsx

@@ -88,8 +88,18 @@ const iconMap: { [key in Icon]: React.JSX.Element } = {
   [Icon.NTT]: NTT(),
   [Icon.SCROLL]: SCROLL(),
   [Icon.BLAST]: BLAST(),
-  [Icon.XLAYER]: <img src={chainToIcon('Xlayer')} />,
-  [Icon.MANTLE]: <img src={chainToIcon('Mantle')} />,
+  [Icon.XLAYER]: (
+    <img
+      style={{ maxHeight: '100%', maxWidth: '100%' }}
+      src={chainToIcon('Xlayer')}
+    />
+  ),
+  [Icon.MANTLE]: (
+    <img
+      style={{ maxHeight: '100%', maxWidth: '100%' }}
+      src={chainToIcon('Mantle')}
+    />
+  ),
 };
 
 function isBuiltinIcon(icon?: Icon | string): icon is Icon {

wormhole-connect/src/icons/Tokens/ARBITRUM.tsx

@@ -4,6 +4,8 @@ function ARBITRUM() {
   return (
     <svg
       style={{ maxHeight: '100%', maxWidth: '100%' }}
+      width="470.29"
+      height="514.25"
       viewBox="0 0 470.29 514.25"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"

wormhole-connect/src/icons/Tokens/ETH.tsx

@@ -5,6 +5,8 @@ function ETH() {
     <svg
       xmlns="http://www.w3.org/2000/svg"
       version="1.1"
+      height="182"
+      width="182"
       viewBox="0 0 182 182"
       style={{ maxHeight: '100%', maxWidth: '100%' }}
     >