From c749ed5007c4c393a98a8cd2069299990d652b3d Mon Sep 17 00:00:00 2001
From: Mimi Tran <80493680+mimi-imtbl@users.noreply.github.com>
Date: Thu, 11 Jul 2024 09:18:29 +1000
Subject: [PATCH] [NO JIRA] Fix/bridge drawer img resolution (#1962)

---
 .../NetworkSwitchDrawer/NetworkSwitchDrawer.tsx          | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/checkout/widgets-lib/src/components/NetworkSwitchDrawer/NetworkSwitchDrawer.tsx b/packages/checkout/widgets-lib/src/components/NetworkSwitchDrawer/NetworkSwitchDrawer.tsx
index 288c6ba216..296eb294ff 100644
--- a/packages/checkout/widgets-lib/src/components/NetworkSwitchDrawer/NetworkSwitchDrawer.tsx
+++ b/packages/checkout/widgets-lib/src/components/NetworkSwitchDrawer/NetworkSwitchDrawer.tsx
@@ -1,9 +1,9 @@
 import {
-  AspectRatioImage,
   Body,
   Box,
   ButtCon,
   Button,
+  CloudImage,
   Drawer,
   Heading,
 } from '@biom3/react';
@@ -43,12 +43,12 @@ export function NetworkSwitchDrawer({
 
   const ethImageUrl = getRemoteImage(
     checkout.config.environment ?? Environment.PRODUCTION,
-    '/switchnetworkethereum.png',
+    '/switchnetworkethereum.svg',
   );
 
   const zkevmImageUrl = getRemoteImage(
     checkout.config.environment ?? Environment.PRODUCTION,
-    '/switchnetworkzkevm.png',
+    '/switchnetworkzkevm.svg',
   );
 
   const targetChainName = getChainNameById(targetChainId);
@@ -108,8 +108,7 @@ export function NetworkSwitchDrawer({
         alignItems: 'center',
       }}
       >
-        <AspectRatioImage
-          aspectRatio="21:9"
+        <CloudImage
           use={(
             <img
               src={showEthImage ? ethImageUrl : zkevmImageUrl}