From a5507f4ee6f65b2fd0bedc22c5618474c46367aa Mon Sep 17 00:00:00 2001
From: Anil Kumar Rai <anilrai@outlook.com>
Date: Tue, 4 Oct 2022 21:20:45 +0530
Subject: [PATCH 1/2] added height and width to images

---
 src/components-v2/TokenLogo/TokenLogo.tsx     |  11 +-
 .../VaultApyInformation/index.tsx             |   2 +-
 .../YieldBearingRewards.tsx                   |   2 +-
 src/components-v2/common/NetworkGasWidget.tsx |   2 +
 .../common/WalletTokenBalance.tsx             |   2 +-
 .../common/dialogs/VaultDeposit.tsx           |   1 +
 .../common/dialogs/VaultWithdraw.tsx          |   1 +
 src/components-v2/landing/VaultItemApr.tsx    |   9 +-
 src/components-v2/landing/VaultListItem.tsx   |   3 +
 .../landing/VaultListItemMobile.tsx           |   7 +-
 src/components-v2/navbar/NavbarMobileRow.tsx  |   2 +-
 .../vault-detail/specs/VaultMetrics.tsx       |   9 +-
 src/components/Boost/BadgerBoostImage.tsx     |   8 +-
 src/components/Boost/HoldingAssetInput.tsx    |  16 +-
 src/components/Boost/RankLevel.tsx            |   1 +
 src/components/Boost/ScoreAnimation.tsx       |  13 +-
 .../Boost/StakeInformationHeader.tsx          |   5 +-
 src/components/IbBTC/OptionToken.tsx          |   2 +-
 src/tests/__snapshots__/Landing.test.tsx.snap | 438 ++++++++++++++++--
 src/tests/__snapshots__/Navbar.test.tsx.snap  |  10 +
 .../NetworkGasWidget.test.tsx.snap            |   2 +
 .../__snapshots__/VaultDeposit.test.tsx.snap  |   8 +
 .../__snapshots__/VaultWithdraw.test.tsx.snap |   8 +
 .../__snapshots__/WalletDrawer.test.tsx.snap  |   4 +
 .../__snapshots__/Optimizer.test.tsx.snap     |  78 ++++
 .../ibBTC/__snapshots__/Mint.test.tsx.snap    |  12 +
 .../ibBTC/__snapshots__/Redeem.test.tsx.snap  |   8 +
 .../__snapshots__/Description.test.tsx.snap   |   4 +
 .../__snapshots__/Holdings.test.tsx.snap      |   8 +
 .../__snapshots__/SpecsCard.test.tsx.snap     |   6 +
 .../TokenDistributionIcon.test.tsx.snap       |   6 +
 .../__snapshots__/VaultItemApr.test.tsx.snap  |   4 +
 .../VaultListDisplay.test.tsx.snap            | 150 +++++-
 .../__snapshots__/VaultMetrics.test.tsx.snap  |   4 +
 34 files changed, 775 insertions(+), 71 deletions(-)

diff --git a/src/components-v2/TokenLogo/TokenLogo.tsx b/src/components-v2/TokenLogo/TokenLogo.tsx
index fa04efa40..6efc1133e 100644
--- a/src/components-v2/TokenLogo/TokenLogo.tsx
+++ b/src/components-v2/TokenLogo/TokenLogo.tsx
@@ -14,7 +14,16 @@ const TokenLogo = ({ token, ...imageProps }: Props): JSX.Element => {
     currentTarget.src = '/assets/icons/token-logo-fallback.svg';
     currentTarget.onerror = null;
   };
-  return <img {...imageProps} src={getTokenIconPath(token)} onError={handleError} alt={`${token.symbol} logo`} />;
+  return (
+    <img
+      width="32"
+      height="32"
+      {...imageProps}
+      src={getTokenIconPath(token)}
+      onError={handleError}
+      alt={`${token.symbol} logo`}
+    />
+  );
 };
 
 export default TokenLogo;
diff --git a/src/components-v2/VaultApyInformation/index.tsx b/src/components-v2/VaultApyInformation/index.tsx
index 5463a0101..93a02c7b9 100644
--- a/src/components-v2/VaultApyInformation/index.tsx
+++ b/src/components-v2/VaultApyInformation/index.tsx
@@ -239,7 +239,7 @@ const VaultApyInformation = ({
               <Box display="flex" justifyContent="flex-end" alignItems="center">
                 {isNewVault && (
                   <>
-                    <img width="12" src="assets/icons/new-vault.svg" alt="New Vault" />
+                    <img width="12" height="12" src="assets/icons/new-vault.svg" alt="New Vault" />
                     <Typography component="span">New Vault</Typography>
                   </>
                 )}
diff --git a/src/components-v2/YieldBearingVaults/YieldBearingRewards.tsx b/src/components-v2/YieldBearingVaults/YieldBearingRewards.tsx
index 6f095d778..65bf02720 100644
--- a/src/components-v2/YieldBearingVaults/YieldBearingRewards.tsx
+++ b/src/components-v2/YieldBearingVaults/YieldBearingRewards.tsx
@@ -25,7 +25,7 @@ const useStyles = makeStyles((theme: Theme) => ({
   },
   video: {
     display: 'flex',
-    background: '#CCCCCC',
+    background: '#121212',
     width: '100%',
     height: 320,
   },
diff --git a/src/components-v2/common/NetworkGasWidget.tsx b/src/components-v2/common/NetworkGasWidget.tsx
index 7820c4832..3581b58de 100644
--- a/src/components-v2/common/NetworkGasWidget.tsx
+++ b/src/components-v2/common/NetworkGasWidget.tsx
@@ -44,6 +44,8 @@ const NetworkGasWidget = (): JSX.Element => {
             className={classes.selectedNetworkIcon}
             src={getNetworkIconPath(networkStore.network)}
             alt="selected network icon"
+            width="17"
+            height="17"
           />
         </Button>
         <Popper
diff --git a/src/components-v2/common/WalletTokenBalance.tsx b/src/components-v2/common/WalletTokenBalance.tsx
index b122de3dd..cc3300292 100644
--- a/src/components-v2/common/WalletTokenBalance.tsx
+++ b/src/components-v2/common/WalletTokenBalance.tsx
@@ -45,7 +45,7 @@ const WalletTokenBalance = ({ balance }: Props): JSX.Element => {
     <Grid container className={classes.tokenBalance}>
       <Grid item container justifyContent="space-between" alignItems="center">
         <div className={classes.tokenNameAndIcon}>
-          <TokenLogo className={classes.icon} token={token} />
+          <TokenLogo className={classes.icon} token={token} width="25" height="25" />
           <Typography variant="body1" display="inline" className={classes.tokenName}>
             {balance.token.symbol}
           </Typography>
diff --git a/src/components-v2/common/dialogs/VaultDeposit.tsx b/src/components-v2/common/dialogs/VaultDeposit.tsx
index 2b31545f8..cc79c2fb3 100644
--- a/src/components-v2/common/dialogs/VaultDeposit.tsx
+++ b/src/components-v2/common/dialogs/VaultDeposit.tsx
@@ -106,6 +106,7 @@ const useStyles = makeStyles((theme) => ({
       height: '100%',
       '& img': {
         maxWidth: 24,
+        maxHeight: 24,
       },
       '& .token-name': {
         paddingLeft: 5,
diff --git a/src/components-v2/common/dialogs/VaultWithdraw.tsx b/src/components-v2/common/dialogs/VaultWithdraw.tsx
index ec6fbe37d..3c8841dd0 100644
--- a/src/components-v2/common/dialogs/VaultWithdraw.tsx
+++ b/src/components-v2/common/dialogs/VaultWithdraw.tsx
@@ -62,6 +62,7 @@ const useStyles = makeStyles((theme) => ({
       height: '100%',
       '& img': {
         maxWidth: 24,
+        maxHeight: 24,
       },
       '& .token-name': {
         paddingLeft: 5,
diff --git a/src/components-v2/landing/VaultItemApr.tsx b/src/components-v2/landing/VaultItemApr.tsx
index 658939117..39c982259 100644
--- a/src/components-v2/landing/VaultItemApr.tsx
+++ b/src/components-v2/landing/VaultItemApr.tsx
@@ -24,6 +24,7 @@ const useStyles = makeStyles((theme: Theme) => ({
   },
   aprDisplay: {
     justifyContent: 'flex-end',
+    alignItems: 'center',
     [theme.breakpoints.down('sm')]: {
       justifyContent: 'flex-start',
     },
@@ -106,7 +107,7 @@ const VaultItemApr = ({ vault }: Props): JSX.Element => {
   const isNewVault = vault.state === VaultState.Experimental || vault.state === VaultState.Guarded;
   const aprDisplay = isNewVault ? (
     <>
-      <img src={'assets/icons/new-vault.svg'} alt="New Vault" /> New Vault
+      <img src={'assets/icons/new-vault.svg'} alt="New Vault" width="12" height="12" /> New Vault
     </>
   ) : !useHistoricAPY ? (
     `${numberWithCommas(projectedVaultBoost.toFixed(2))}%`
@@ -126,13 +127,13 @@ const VaultItemApr = ({ vault }: Props): JSX.Element => {
         <Typography variant={isNewVault ? 'subtitle1' : 'body1'} color={'textPrimary'} display="inline">
           {aprDisplay}
         </Typography>
-        <img src="/assets/icons/apy-info.svg" className={classes.apyInfo} alt="apy info icon" />
+        <img src="/assets/icons/apy-info.svg" className={classes.apyInfo} alt="apy info icon" width="12" height="24" />
       </Box>
       {yieldSourcesAprTotal > 0 && (
         <Box className={classes.yieldBearingRewards}>
           <Link color="primary" onClick={handleYieldBearingRewardsClick}>
-            <img width="9" src="assets/icons/yield-bearing-rewards.svg" alt="Yield-Bearing Rewards" /> Yield-Bearing
-            Rewards:
+            <img width="9" height="15" src="assets/icons/yield-bearing-rewards.svg" alt="Yield-Bearing Rewards" />{' '}
+            Yield-Bearing Rewards:
           </Link>
           <Typography onClick={handleApyInfoClick} variant="inherit">
             Rewards earn up to {yieldSourcesAprTotal.toFixed(2)}%
diff --git a/src/components-v2/landing/VaultListItem.tsx b/src/components-v2/landing/VaultListItem.tsx
index 25c1c9f22..84af4c5d6 100644
--- a/src/components-v2/landing/VaultListItem.tsx
+++ b/src/components-v2/landing/VaultListItem.tsx
@@ -48,6 +48,9 @@ const useStyles = makeStyles((theme) => ({
         padding: 2,
       },
     },
+    '& img': {
+      width: 'fit-content',
+    },
   },
   vaultName: {
     fontSize: 16,
diff --git a/src/components-v2/landing/VaultListItemMobile.tsx b/src/components-v2/landing/VaultListItemMobile.tsx
index 8a6ffabaf..9325f1ce7 100644
--- a/src/components-v2/landing/VaultListItemMobile.tsx
+++ b/src/components-v2/landing/VaultListItemMobile.tsx
@@ -21,6 +21,11 @@ const useStyles = makeStyles(() => ({
   name: {
     marginLeft: 8,
   },
+  logoContainer: {
+    '& img': {
+      width: 'fit-content',
+    },
+  },
 }));
 
 interface Props {
@@ -48,7 +53,7 @@ const VaultListItemMobile = ({ vault }: Props): JSX.Element => {
 
   return (
     <Grid container direction="column" component={Card} onClick={goToVaultDetail} className={classes.root}>
-      <Grid item container>
+      <Grid item container className={classes.logoContainer}>
         <VaultLogo tokens={vault.tokens} />
         <Typography variant="subtitle1" display="inline" className={classes.name}>
           {vault.name}
diff --git a/src/components-v2/navbar/NavbarMobileRow.tsx b/src/components-v2/navbar/NavbarMobileRow.tsx
index ed04ab154..90d4b627f 100644
--- a/src/components-v2/navbar/NavbarMobileRow.tsx
+++ b/src/components-v2/navbar/NavbarMobileRow.tsx
@@ -31,7 +31,7 @@ export const NavbarMobileRow = observer((): JSX.Element => {
     <Grid container justifyContent="space-between">
       <Grid item xs container alignItems="center">
         <IconButton className={classes.menuIcon} onClick={() => uiState.openSidebar()}>
-          <img src="/assets/icons/mobile-drawer-icon.svg" alt="open menu" />
+          <img src="/assets/icons/mobile-drawer-icon.svg" alt="open menu" width="22" height="19" />
         </IconButton>
         <img className={classes.badgerIcon} alt="Badger Logo" src="/assets/icons/badger_head.svg" />
       </Grid>
diff --git a/src/components-v2/vault-detail/specs/VaultMetrics.tsx b/src/components-v2/vault-detail/specs/VaultMetrics.tsx
index 92116d978..39ca157cf 100644
--- a/src/components-v2/vault-detail/specs/VaultMetrics.tsx
+++ b/src/components-v2/vault-detail/specs/VaultMetrics.tsx
@@ -62,6 +62,7 @@ const useStyles = makeStyles((theme) => ({
   },
   aprDisplay: {
     justifyContent: 'flex-end',
+    alignItems: 'center',
     [theme.breakpoints.down('sm')]: {
       justifyContent: 'flex-start',
     },
@@ -111,7 +112,13 @@ const VaultMetrics = observer(({ vault }: Props): JSX.Element => {
             <Typography variant={'body1'} color={'textPrimary'} display="inline">
               {aprDisplay}
             </Typography>
-            <img src="/assets/icons/apy-info.svg" className={classes.apyInfo} alt="apy info icon" />
+            <img
+              src="/assets/icons/apy-info.svg"
+              className={classes.apyInfo}
+              alt="apy info icon"
+              width="12"
+              height="24"
+            />
           </Box>
         </Grid>
       </Grid>
diff --git a/src/components/Boost/BadgerBoostImage.tsx b/src/components/Boost/BadgerBoostImage.tsx
index b384050b0..74bfd548a 100644
--- a/src/components/Boost/BadgerBoostImage.tsx
+++ b/src/components/Boost/BadgerBoostImage.tsx
@@ -23,14 +23,18 @@ const useStyles = (signatureColor: string) => {
 
 interface Props extends BoxProps {
   signatureColor: string;
+  imageProps: {
+    width: string;
+    height: string;
+  };
 }
 
-export const BadgerBoostImage = ({ signatureColor, className, ...boxProps }: Props): JSX.Element => {
+export const BadgerBoostImage = ({ signatureColor, className, imageProps, ...boxProps }: Props): JSX.Element => {
   const classes = useStyles(signatureColor)();
 
   return (
     <div className={clsx(className, classes.container)} {...boxProps}>
-      <img alt="Badger Logo" src={'assets/badger-transparent.png'} className={classes.boostImage} />
+      <img alt="Badger Logo" src={'assets/badger-transparent.png'} className={classes.boostImage} {...imageProps} />
     </div>
   );
 };
diff --git a/src/components/Boost/HoldingAssetInput.tsx b/src/components/Boost/HoldingAssetInput.tsx
index d8d7bad61..535d21bc5 100644
--- a/src/components/Boost/HoldingAssetInput.tsx
+++ b/src/components/Boost/HoldingAssetInput.tsx
@@ -105,12 +105,24 @@ export const HoldingAssetInput = ({
         ...InputProps,
         startAdornment: (
           <Button className={buttonClasses.actionButton} onClick={onReduction}>
-            <img className={buttonClasses.actionImage} src="/assets/icons/boost-down.svg" alt={decreaseAlt} />
+            <img
+              width="12"
+              height="7"
+              className={buttonClasses.actionImage}
+              src="/assets/icons/boost-down.svg"
+              alt={decreaseAlt}
+            />
           </Button>
         ),
         endAdornment: (
           <Button className={buttonClasses.actionButton} onClick={onIncrement}>
-            <img className={buttonClasses.actionImage} src="/assets/icons/boost-up.svg" alt={increaseAlt} />
+            <img
+              width="12"
+              height="7"
+              className={buttonClasses.actionImage}
+              src="/assets/icons/boost-up.svg"
+              alt={increaseAlt}
+            />
           </Button>
         ),
         classes: inputClasses,
diff --git a/src/components/Boost/RankLevel.tsx b/src/components/Boost/RankLevel.tsx
index c316a08f2..b112d7042 100644
--- a/src/components/Boost/RankLevel.tsx
+++ b/src/components/Boost/RankLevel.tsx
@@ -64,6 +64,7 @@ export const RankLevel = ({ name, signatureColor, obtained = false, hasBeenReach
         <BadgerBoostImage
           className={clsx(classes.softBorder, obtained && classes.obtained)}
           signatureColor={signatureColor}
+          imageProps={{ width: '28', height: '31.4' }}
         />
       </div>
       <div className={classes.badgerLevelInfoContainer}>
diff --git a/src/components/Boost/ScoreAnimation.tsx b/src/components/Boost/ScoreAnimation.tsx
index 062f2e20e..efe2d6443 100644
--- a/src/components/Boost/ScoreAnimation.tsx
+++ b/src/components/Boost/ScoreAnimation.tsx
@@ -30,6 +30,7 @@ const useStyles = makeStyles((theme) => ({
   },
   boostImage: {
     width: '60%',
+    height: 'auto',
   },
   boostEye: {
     width: '30px',
@@ -97,11 +98,19 @@ const useAnimatedStyles = (stakeRatio: number) => {
 export const BoostBadgerAnimation = ({ stakeRatio }: BoostBadgeProps): JSX.Element => {
   const classes = useStyles();
   const animatedClasses = useAnimatedStyles(stakeRatio)();
-  const eyesImage = <img src={'assets/badger-eyes.png'} alt="Badger Eyes" className={classes.boostEyeStar} />;
+  const eyesImage = (
+    <img width="6" height="6" src={'assets/badger-eyes.png'} alt="Badger Eyes" className={classes.boostEyeStar} />
+  );
   return (
     <Box className={[classes.root, animatedClasses.container].join(' ')}>
       <div className={[classes.boostEye, classes.boostLeft, animatedClasses.eyes].join(' ')}>{eyesImage}</div>
-      <img alt="Badger Logo" src={'assets/badger-transparent.png'} className={classes.boostImage} />
+      <img
+        alt="Badger Logo"
+        src={'assets/badger-transparent.png'}
+        className={classes.boostImage}
+        width="144"
+        height="161"
+      />
       <div className={[classes.boostEye, classes.boostRight, animatedClasses.eyes].join(' ')}>{eyesImage}</div>
     </Box>
   );
diff --git a/src/components/Boost/StakeInformationHeader.tsx b/src/components/Boost/StakeInformationHeader.tsx
index 9d7b79db4..97831fe81 100644
--- a/src/components/Boost/StakeInformationHeader.tsx
+++ b/src/components/Boost/StakeInformationHeader.tsx
@@ -88,7 +88,10 @@ export const StakeInformationHeader = ({
     <Grid container>
       <Grid container alignItems="center">
         <div className={classes.currentLevelImgContainer}>
-          <BadgerBoostImage signatureColor={currentRank.signatureColor} />
+          <BadgerBoostImage
+            signatureColor={currentRank.signatureColor}
+            imageProps={{ width: '16.6', height: '18.8' }}
+          />
         </div>
         <Typography display="inline" className={classes.rankName}>
           {currentRank.name}
diff --git a/src/components/IbBTC/OptionToken.tsx b/src/components/IbBTC/OptionToken.tsx
index c8e3bfd40..1a18c5224 100644
--- a/src/components/IbBTC/OptionToken.tsx
+++ b/src/components/IbBTC/OptionToken.tsx
@@ -26,7 +26,7 @@ export const OptionToken = ({ token }: TokenProps): JSX.Element => {
   const classes = useStyles();
   return (
     <div className={classes.tokenContainer} aria-label={symbol}>
-      <TokenLogo token={token} className={classes.tokenIcon} />
+      <TokenLogo token={token} className={classes.tokenIcon} width="24" height="24" />
       <Typography variant="body1" component="div">
         {symbol}
       </Typography>
diff --git a/src/tests/__snapshots__/Landing.test.tsx.snap b/src/tests/__snapshots__/Landing.test.tsx.snap
index 60f4b03c5..27cd92a93 100644
--- a/src/tests/__snapshots__/Landing.test.tsx.snap
+++ b/src/tests/__snapshots__/Landing.test.tsx.snap
@@ -559,7 +559,9 @@ exports[`Landing Renders correctly 1`] = `
             <img
               alt="CVX logo"
               class="makeStyles-position-397"
+              height="32"
               src="/assets/icons/cvx.svg"
+              width="32"
             />
           </div>
         </div>
@@ -606,7 +608,9 @@ exports[`Landing Renders correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -617,10 +621,12 @@ exports[`Landing Renders correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -675,7 +681,9 @@ exports[`Landing Renders correctly 1`] = `
             <img
               alt="cvxCRV logo"
               class="makeStyles-position-468"
+              height="32"
               src="/assets/icons/cvxcrv.svg"
+              width="32"
             />
           </div>
         </div>
@@ -748,7 +756,9 @@ exports[`Landing Renders correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -759,10 +769,12 @@ exports[`Landing Renders correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -817,7 +829,9 @@ exports[`Landing Renders correctly 1`] = `
             <img
               alt="AURA logo"
               class="makeStyles-position-478"
+              height="32"
               src="/assets/icons/aura.svg"
+              width="32"
             />
           </div>
         </div>
@@ -864,7 +878,9 @@ exports[`Landing Renders correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -875,10 +891,12 @@ exports[`Landing Renders correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -933,7 +951,9 @@ exports[`Landing Renders correctly 1`] = `
             <img
               alt="auraBAL logo"
               class="makeStyles-position-488"
+              height="32"
               src="/assets/icons/aurabal.svg"
+              width="32"
             />
           </div>
         </div>
@@ -993,7 +1013,9 @@ exports[`Landing Renders correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -1004,10 +1026,12 @@ exports[`Landing Renders correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -1062,17 +1086,23 @@ exports[`Landing Renders correctly 1`] = `
             <img
               alt="auraBAL logo"
               class="makeStyles-position-498"
+              height="32"
               src="/assets/icons/aurabal.svg"
+              width="32"
             />
             <img
               alt="graviAURA logo"
               class="makeStyles-position-499"
+              height="32"
               src="/assets/icons/graviaura.svg"
+              width="32"
             />
             <img
               alt="WETH logo"
               class="makeStyles-position-500"
+              height="32"
               src="/assets/icons/weth.svg"
+              width="32"
             />
           </div>
         </div>
@@ -1119,7 +1149,9 @@ exports[`Landing Renders correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -1130,10 +1162,12 @@ exports[`Landing Renders correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -1188,12 +1222,16 @@ exports[`Landing Renders correctly 1`] = `
             <img
               alt="WBTC logo"
               class="makeStyles-position-510"
+              height="32"
               src="/assets/icons/wbtc.svg"
+              width="32"
             />
             <img
               alt="BADGER logo"
               class="makeStyles-position-511"
+              height="32"
               src="/assets/icons/badger.svg"
+              width="32"
             />
           </div>
         </div>
@@ -1240,7 +1278,9 @@ exports[`Landing Renders correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -1251,10 +1291,12 @@ exports[`Landing Renders correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -1309,17 +1351,23 @@ exports[`Landing Renders correctly 1`] = `
             <img
               alt="WBTC logo"
               class="makeStyles-position-521"
+              height="32"
               src="/assets/icons/wbtc.svg"
+              width="32"
             />
             <img
               alt="DIGG logo"
               class="makeStyles-position-522"
+              height="32"
               src="/assets/icons/digg.svg"
+              width="32"
             />
             <img
               alt="graviAURA logo"
               class="makeStyles-position-523"
+              height="32"
               src="/assets/icons/graviaura.svg"
+              width="32"
             />
           </div>
         </div>
@@ -1366,7 +1414,9 @@ exports[`Landing Renders correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -1377,10 +1427,12 @@ exports[`Landing Renders correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -1435,12 +1487,16 @@ exports[`Landing Renders correctly 1`] = `
             <img
               alt="CVX logo"
               class="makeStyles-position-533"
+              height="32"
               src="/assets/icons/cvx.svg"
+              width="32"
             />
             <img
               alt="bveCVX logo"
               class="makeStyles-position-534"
+              height="32"
               src="/assets/icons/bvecvx.svg"
+              width="32"
             />
           </div>
         </div>
@@ -1487,7 +1543,9 @@ exports[`Landing Renders correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -1498,10 +1556,12 @@ exports[`Landing Renders correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -1556,12 +1616,16 @@ exports[`Landing Renders correctly 1`] = `
             <img
               alt="wibBTC logo"
               class="makeStyles-position-544"
+              height="32"
               src="/assets/icons/wibbtc.svg"
+              width="32"
             />
             <img
               alt="crvRenWSBTC logo"
               class="makeStyles-position-545"
+              height="32"
               src="/assets/icons/crvrenwsbtc.svg"
+              width="32"
             />
           </div>
         </div>
@@ -1621,7 +1685,9 @@ exports[`Landing Renders correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -1632,10 +1698,12 @@ exports[`Landing Renders correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -1690,12 +1758,16 @@ exports[`Landing Renders correctly 1`] = `
             <img
               alt="BADGER logo"
               class="makeStyles-position-555"
+              height="32"
               src="/assets/icons/badger.svg"
+              width="32"
             />
             <img
               alt="WBTC logo"
               class="makeStyles-position-556"
+              height="32"
               src="/assets/icons/wbtc.svg"
+              width="32"
             />
           </div>
         </div>
@@ -1742,7 +1814,9 @@ exports[`Landing Renders correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -1753,10 +1827,12 @@ exports[`Landing Renders correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -1811,12 +1887,16 @@ exports[`Landing Renders correctly 1`] = `
             <img
               alt="WBTC logo"
               class="makeStyles-position-566"
+              height="32"
               src="/assets/icons/wbtc.svg"
+              width="32"
             />
             <img
               alt="BADGER logo"
               class="makeStyles-position-567"
+              height="32"
               src="/assets/icons/badger.svg"
+              width="32"
             />
           </div>
         </div>
@@ -1863,7 +1943,9 @@ exports[`Landing Renders correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
           </div>
@@ -1911,7 +1993,9 @@ exports[`Landing Renders correctly 1`] = `
             <img
               alt="WBTC logo"
               class="makeStyles-position-576"
+              height="32"
               src="/assets/icons/wbtc.svg"
+              width="32"
             />
           </div>
         </div>
@@ -1958,7 +2042,9 @@ exports[`Landing Renders correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
           </div>
@@ -2006,12 +2092,16 @@ exports[`Landing Renders correctly 1`] = `
             <img
               alt="WBTC logo"
               class="makeStyles-position-585"
+              height="32"
               src="/assets/icons/wbtc.svg"
+              width="32"
             />
             <img
               alt="WETH logo"
               class="makeStyles-position-586"
+              height="32"
               src="/assets/icons/weth.svg"
+              width="32"
             />
           </div>
         </div>
@@ -2058,7 +2148,9 @@ exports[`Landing Renders correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
           </div>
@@ -2106,17 +2198,23 @@ exports[`Landing Renders correctly 1`] = `
             <img
               alt="bb-a-USDT logo"
               class="makeStyles-position-595"
+              height="32"
               src="/assets/icons/bb-a-usdt.svg"
+              width="32"
             />
             <img
               alt="bb-a-DAI logo"
               class="makeStyles-position-596"
+              height="32"
               src="/assets/icons/bb-a-dai.svg"
+              width="32"
             />
             <img
               alt="bb-a-USDC logo"
               class="makeStyles-position-597"
+              height="32"
               src="/assets/icons/bb-a-usdc.svg"
+              width="32"
             />
           </div>
         </div>
@@ -2163,7 +2261,9 @@ exports[`Landing Renders correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -2174,10 +2274,12 @@ exports[`Landing Renders correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -2232,12 +2334,16 @@ exports[`Landing Renders correctly 1`] = `
             <img
               alt="renBTC logo"
               class="makeStyles-position-607"
+              height="32"
               src="/assets/icons/renbtc.svg"
+              width="32"
             />
             <img
               alt="WBTC logo"
               class="makeStyles-position-608"
+              height="32"
               src="/assets/icons/wbtc.svg"
+              width="32"
             />
           </div>
         </div>
@@ -2284,7 +2390,9 @@ exports[`Landing Renders correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -2295,10 +2403,12 @@ exports[`Landing Renders correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -2353,17 +2463,23 @@ exports[`Landing Renders correctly 1`] = `
             <img
               alt="USDT logo"
               class="makeStyles-position-618"
+              height="32"
               src="/assets/icons/usdt.svg"
+              width="32"
             />
             <img
               alt="WBTC logo"
               class="makeStyles-position-619"
+              height="32"
               src="/assets/icons/wbtc.svg"
+              width="32"
             />
             <img
               alt="WETH logo"
               class="makeStyles-position-620"
+              height="32"
               src="/assets/icons/weth.svg"
+              width="32"
             />
           </div>
         </div>
@@ -2410,7 +2526,9 @@ exports[`Landing Renders correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -2421,10 +2539,12 @@ exports[`Landing Renders correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -2712,7 +2832,9 @@ exports[`Landing Renders mobile version correctly 1`] = `
           <img
             alt="CVX logo"
             class="makeStyles-position-653"
+            height="32"
             src="/assets/icons/cvx.svg"
+            width="32"
           />
         </div>
         <h6
@@ -2746,7 +2868,9 @@ exports[`Landing Renders mobile version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -2757,10 +2881,12 @@ exports[`Landing Renders mobile version correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -2825,7 +2951,9 @@ exports[`Landing Renders mobile version correctly 1`] = `
           <img
             alt="cvxCRV logo"
             class="makeStyles-position-660"
+            height="32"
             src="/assets/icons/cvxcrv.svg"
+            width="32"
           />
         </div>
         <h6
@@ -2859,7 +2987,9 @@ exports[`Landing Renders mobile version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -2870,10 +3000,12 @@ exports[`Landing Renders mobile version correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -2964,7 +3096,9 @@ exports[`Landing Renders mobile version correctly 1`] = `
           <img
             alt="AURA logo"
             class="makeStyles-position-667"
+            height="32"
             src="/assets/icons/aura.svg"
+            width="32"
           />
         </div>
         <h6
@@ -2998,7 +3132,9 @@ exports[`Landing Renders mobile version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -3009,10 +3145,12 @@ exports[`Landing Renders mobile version correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -3077,7 +3215,9 @@ exports[`Landing Renders mobile version correctly 1`] = `
           <img
             alt="auraBAL logo"
             class="makeStyles-position-674"
+            height="32"
             src="/assets/icons/aurabal.svg"
+            width="32"
           />
         </div>
         <h6
@@ -3111,7 +3251,9 @@ exports[`Landing Renders mobile version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -3122,10 +3264,12 @@ exports[`Landing Renders mobile version correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -3203,17 +3347,23 @@ exports[`Landing Renders mobile version correctly 1`] = `
           <img
             alt="auraBAL logo"
             class="makeStyles-position-681"
+            height="32"
             src="/assets/icons/aurabal.svg"
+            width="32"
           />
           <img
             alt="graviAURA logo"
             class="makeStyles-position-682"
+            height="32"
             src="/assets/icons/graviaura.svg"
+            width="32"
           />
           <img
             alt="WETH logo"
             class="makeStyles-position-683"
+            height="32"
             src="/assets/icons/weth.svg"
+            width="32"
           />
         </div>
         <h6
@@ -3247,7 +3397,9 @@ exports[`Landing Renders mobile version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -3258,10 +3410,12 @@ exports[`Landing Renders mobile version correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -3326,12 +3480,16 @@ exports[`Landing Renders mobile version correctly 1`] = `
           <img
             alt="WBTC logo"
             class="makeStyles-position-690"
+            height="32"
             src="/assets/icons/wbtc.svg"
+            width="32"
           />
           <img
             alt="BADGER logo"
             class="makeStyles-position-691"
+            height="32"
             src="/assets/icons/badger.svg"
+            width="32"
           />
         </div>
         <h6
@@ -3365,7 +3523,9 @@ exports[`Landing Renders mobile version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -3376,10 +3536,12 @@ exports[`Landing Renders mobile version correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -3444,17 +3606,23 @@ exports[`Landing Renders mobile version correctly 1`] = `
           <img
             alt="WBTC logo"
             class="makeStyles-position-698"
+            height="32"
             src="/assets/icons/wbtc.svg"
+            width="32"
           />
           <img
             alt="DIGG logo"
             class="makeStyles-position-699"
+            height="32"
             src="/assets/icons/digg.svg"
+            width="32"
           />
           <img
             alt="graviAURA logo"
             class="makeStyles-position-700"
+            height="32"
             src="/assets/icons/graviaura.svg"
+            width="32"
           />
         </div>
         <h6
@@ -3488,7 +3656,9 @@ exports[`Landing Renders mobile version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -3499,10 +3669,12 @@ exports[`Landing Renders mobile version correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -3567,12 +3739,16 @@ exports[`Landing Renders mobile version correctly 1`] = `
           <img
             alt="CVX logo"
             class="makeStyles-position-707"
+            height="32"
             src="/assets/icons/cvx.svg"
+            width="32"
           />
           <img
             alt="bveCVX logo"
             class="makeStyles-position-708"
+            height="32"
             src="/assets/icons/bvecvx.svg"
+            width="32"
           />
         </div>
         <h6
@@ -3606,7 +3782,9 @@ exports[`Landing Renders mobile version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -3617,10 +3795,12 @@ exports[`Landing Renders mobile version correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -3685,12 +3865,16 @@ exports[`Landing Renders mobile version correctly 1`] = `
           <img
             alt="wibBTC logo"
             class="makeStyles-position-715"
+            height="32"
             src="/assets/icons/wibbtc.svg"
+            width="32"
           />
           <img
             alt="crvRenWSBTC logo"
             class="makeStyles-position-716"
+            height="32"
             src="/assets/icons/crvrenwsbtc.svg"
+            width="32"
           />
         </div>
         <h6
@@ -3724,7 +3908,9 @@ exports[`Landing Renders mobile version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -3735,10 +3921,12 @@ exports[`Landing Renders mobile version correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -3816,12 +4004,16 @@ exports[`Landing Renders mobile version correctly 1`] = `
           <img
             alt="BADGER logo"
             class="makeStyles-position-723"
+            height="32"
             src="/assets/icons/badger.svg"
+            width="32"
           />
           <img
             alt="WBTC logo"
             class="makeStyles-position-724"
+            height="32"
             src="/assets/icons/wbtc.svg"
+            width="32"
           />
         </div>
         <h6
@@ -3855,7 +4047,9 @@ exports[`Landing Renders mobile version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -3866,10 +4060,12 @@ exports[`Landing Renders mobile version correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -3934,12 +4130,16 @@ exports[`Landing Renders mobile version correctly 1`] = `
           <img
             alt="WBTC logo"
             class="makeStyles-position-731"
+            height="32"
             src="/assets/icons/wbtc.svg"
+            width="32"
           />
           <img
             alt="BADGER logo"
             class="makeStyles-position-732"
+            height="32"
             src="/assets/icons/badger.svg"
+            width="32"
           />
         </div>
         <h6
@@ -3973,7 +4173,9 @@ exports[`Landing Renders mobile version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
           </div>
@@ -4031,7 +4233,9 @@ exports[`Landing Renders mobile version correctly 1`] = `
           <img
             alt="WBTC logo"
             class="makeStyles-position-738"
+            height="32"
             src="/assets/icons/wbtc.svg"
+            width="32"
           />
         </div>
         <h6
@@ -4065,7 +4269,9 @@ exports[`Landing Renders mobile version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
           </div>
@@ -4123,12 +4329,16 @@ exports[`Landing Renders mobile version correctly 1`] = `
           <img
             alt="WBTC logo"
             class="makeStyles-position-744"
+            height="32"
             src="/assets/icons/wbtc.svg"
+            width="32"
           />
           <img
             alt="WETH logo"
             class="makeStyles-position-745"
+            height="32"
             src="/assets/icons/weth.svg"
+            width="32"
           />
         </div>
         <h6
@@ -4162,7 +4372,9 @@ exports[`Landing Renders mobile version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
           </div>
@@ -4220,17 +4432,23 @@ exports[`Landing Renders mobile version correctly 1`] = `
           <img
             alt="bb-a-USDT logo"
             class="makeStyles-position-751"
+            height="32"
             src="/assets/icons/bb-a-usdt.svg"
+            width="32"
           />
           <img
             alt="bb-a-DAI logo"
             class="makeStyles-position-752"
+            height="32"
             src="/assets/icons/bb-a-dai.svg"
+            width="32"
           />
           <img
             alt="bb-a-USDC logo"
             class="makeStyles-position-753"
+            height="32"
             src="/assets/icons/bb-a-usdc.svg"
+            width="32"
           />
         </div>
         <h6
@@ -4264,7 +4482,9 @@ exports[`Landing Renders mobile version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -4275,10 +4495,12 @@ exports[`Landing Renders mobile version correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -4343,12 +4565,16 @@ exports[`Landing Renders mobile version correctly 1`] = `
           <img
             alt="renBTC logo"
             class="makeStyles-position-760"
+            height="32"
             src="/assets/icons/renbtc.svg"
+            width="32"
           />
           <img
             alt="WBTC logo"
             class="makeStyles-position-761"
+            height="32"
             src="/assets/icons/wbtc.svg"
+            width="32"
           />
         </div>
         <h6
@@ -4382,7 +4608,9 @@ exports[`Landing Renders mobile version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -4393,10 +4621,12 @@ exports[`Landing Renders mobile version correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -4461,17 +4691,23 @@ exports[`Landing Renders mobile version correctly 1`] = `
           <img
             alt="USDT logo"
             class="makeStyles-position-768"
+            height="32"
             src="/assets/icons/usdt.svg"
+            width="32"
           />
           <img
             alt="WBTC logo"
             class="makeStyles-position-769"
+            height="32"
             src="/assets/icons/wbtc.svg"
+            width="32"
           />
           <img
             alt="WETH logo"
             class="makeStyles-position-770"
+            height="32"
             src="/assets/icons/weth.svg"
+            width="32"
           />
         </div>
         <h6
@@ -4505,7 +4741,9 @@ exports[`Landing Renders mobile version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -4516,10 +4754,12 @@ exports[`Landing Renders mobile version correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -4820,7 +5060,9 @@ exports[`Landing Renders tablet version correctly 1`] = `
           <img
             alt="CVX logo"
             class="makeStyles-position-653"
+            height="32"
             src="/assets/icons/cvx.svg"
+            width="32"
           />
         </div>
         <h6
@@ -4854,7 +5096,9 @@ exports[`Landing Renders tablet version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -4865,10 +5109,12 @@ exports[`Landing Renders tablet version correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -4933,7 +5179,9 @@ exports[`Landing Renders tablet version correctly 1`] = `
           <img
             alt="cvxCRV logo"
             class="makeStyles-position-660"
+            height="32"
             src="/assets/icons/cvxcrv.svg"
+            width="32"
           />
         </div>
         <h6
@@ -4967,7 +5215,9 @@ exports[`Landing Renders tablet version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -4978,10 +5228,12 @@ exports[`Landing Renders tablet version correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -5072,7 +5324,9 @@ exports[`Landing Renders tablet version correctly 1`] = `
           <img
             alt="AURA logo"
             class="makeStyles-position-667"
+            height="32"
             src="/assets/icons/aura.svg"
+            width="32"
           />
         </div>
         <h6
@@ -5106,7 +5360,9 @@ exports[`Landing Renders tablet version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -5117,10 +5373,12 @@ exports[`Landing Renders tablet version correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -5185,7 +5443,9 @@ exports[`Landing Renders tablet version correctly 1`] = `
           <img
             alt="auraBAL logo"
             class="makeStyles-position-674"
+            height="32"
             src="/assets/icons/aurabal.svg"
+            width="32"
           />
         </div>
         <h6
@@ -5219,7 +5479,9 @@ exports[`Landing Renders tablet version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -5230,10 +5492,12 @@ exports[`Landing Renders tablet version correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -5311,17 +5575,23 @@ exports[`Landing Renders tablet version correctly 1`] = `
           <img
             alt="auraBAL logo"
             class="makeStyles-position-681"
+            height="32"
             src="/assets/icons/aurabal.svg"
+            width="32"
           />
           <img
             alt="graviAURA logo"
             class="makeStyles-position-682"
+            height="32"
             src="/assets/icons/graviaura.svg"
+            width="32"
           />
           <img
             alt="WETH logo"
             class="makeStyles-position-683"
+            height="32"
             src="/assets/icons/weth.svg"
+            width="32"
           />
         </div>
         <h6
@@ -5355,7 +5625,9 @@ exports[`Landing Renders tablet version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -5366,10 +5638,12 @@ exports[`Landing Renders tablet version correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -5434,12 +5708,16 @@ exports[`Landing Renders tablet version correctly 1`] = `
           <img
             alt="WBTC logo"
             class="makeStyles-position-690"
+            height="32"
             src="/assets/icons/wbtc.svg"
+            width="32"
           />
           <img
             alt="BADGER logo"
             class="makeStyles-position-691"
+            height="32"
             src="/assets/icons/badger.svg"
+            width="32"
           />
         </div>
         <h6
@@ -5473,7 +5751,9 @@ exports[`Landing Renders tablet version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -5484,10 +5764,12 @@ exports[`Landing Renders tablet version correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -5552,17 +5834,23 @@ exports[`Landing Renders tablet version correctly 1`] = `
           <img
             alt="WBTC logo"
             class="makeStyles-position-698"
+            height="32"
             src="/assets/icons/wbtc.svg"
+            width="32"
           />
           <img
             alt="DIGG logo"
             class="makeStyles-position-699"
+            height="32"
             src="/assets/icons/digg.svg"
+            width="32"
           />
           <img
             alt="graviAURA logo"
             class="makeStyles-position-700"
+            height="32"
             src="/assets/icons/graviaura.svg"
+            width="32"
           />
         </div>
         <h6
@@ -5596,7 +5884,9 @@ exports[`Landing Renders tablet version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -5607,10 +5897,12 @@ exports[`Landing Renders tablet version correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -5675,12 +5967,16 @@ exports[`Landing Renders tablet version correctly 1`] = `
           <img
             alt="CVX logo"
             class="makeStyles-position-707"
+            height="32"
             src="/assets/icons/cvx.svg"
+            width="32"
           />
           <img
             alt="bveCVX logo"
             class="makeStyles-position-708"
+            height="32"
             src="/assets/icons/bvecvx.svg"
+            width="32"
           />
         </div>
         <h6
@@ -5714,7 +6010,9 @@ exports[`Landing Renders tablet version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -5725,10 +6023,12 @@ exports[`Landing Renders tablet version correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -5793,12 +6093,16 @@ exports[`Landing Renders tablet version correctly 1`] = `
           <img
             alt="wibBTC logo"
             class="makeStyles-position-715"
+            height="32"
             src="/assets/icons/wibbtc.svg"
+            width="32"
           />
           <img
             alt="crvRenWSBTC logo"
             class="makeStyles-position-716"
+            height="32"
             src="/assets/icons/crvrenwsbtc.svg"
+            width="32"
           />
         </div>
         <h6
@@ -5832,7 +6136,9 @@ exports[`Landing Renders tablet version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -5843,10 +6149,12 @@ exports[`Landing Renders tablet version correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -5924,12 +6232,16 @@ exports[`Landing Renders tablet version correctly 1`] = `
           <img
             alt="BADGER logo"
             class="makeStyles-position-723"
+            height="32"
             src="/assets/icons/badger.svg"
+            width="32"
           />
           <img
             alt="WBTC logo"
             class="makeStyles-position-724"
+            height="32"
             src="/assets/icons/wbtc.svg"
+            width="32"
           />
         </div>
         <h6
@@ -5963,7 +6275,9 @@ exports[`Landing Renders tablet version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -5974,10 +6288,12 @@ exports[`Landing Renders tablet version correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -6042,12 +6358,16 @@ exports[`Landing Renders tablet version correctly 1`] = `
           <img
             alt="WBTC logo"
             class="makeStyles-position-731"
+            height="32"
             src="/assets/icons/wbtc.svg"
+            width="32"
           />
           <img
             alt="BADGER logo"
             class="makeStyles-position-732"
+            height="32"
             src="/assets/icons/badger.svg"
+            width="32"
           />
         </div>
         <h6
@@ -6081,7 +6401,9 @@ exports[`Landing Renders tablet version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
           </div>
@@ -6139,7 +6461,9 @@ exports[`Landing Renders tablet version correctly 1`] = `
           <img
             alt="WBTC logo"
             class="makeStyles-position-738"
+            height="32"
             src="/assets/icons/wbtc.svg"
+            width="32"
           />
         </div>
         <h6
@@ -6173,7 +6497,9 @@ exports[`Landing Renders tablet version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
           </div>
@@ -6231,12 +6557,16 @@ exports[`Landing Renders tablet version correctly 1`] = `
           <img
             alt="WBTC logo"
             class="makeStyles-position-744"
+            height="32"
             src="/assets/icons/wbtc.svg"
+            width="32"
           />
           <img
             alt="WETH logo"
             class="makeStyles-position-745"
+            height="32"
             src="/assets/icons/weth.svg"
+            width="32"
           />
         </div>
         <h6
@@ -6270,7 +6600,9 @@ exports[`Landing Renders tablet version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
           </div>
@@ -6328,17 +6660,23 @@ exports[`Landing Renders tablet version correctly 1`] = `
           <img
             alt="bb-a-USDT logo"
             class="makeStyles-position-751"
+            height="32"
             src="/assets/icons/bb-a-usdt.svg"
+            width="32"
           />
           <img
             alt="bb-a-DAI logo"
             class="makeStyles-position-752"
+            height="32"
             src="/assets/icons/bb-a-dai.svg"
+            width="32"
           />
           <img
             alt="bb-a-USDC logo"
             class="makeStyles-position-753"
+            height="32"
             src="/assets/icons/bb-a-usdc.svg"
+            width="32"
           />
         </div>
         <h6
@@ -6372,7 +6710,9 @@ exports[`Landing Renders tablet version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -6383,10 +6723,12 @@ exports[`Landing Renders tablet version correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -6451,12 +6793,16 @@ exports[`Landing Renders tablet version correctly 1`] = `
           <img
             alt="renBTC logo"
             class="makeStyles-position-760"
+            height="32"
             src="/assets/icons/renbtc.svg"
+            width="32"
           />
           <img
             alt="WBTC logo"
             class="makeStyles-position-761"
+            height="32"
             src="/assets/icons/wbtc.svg"
+            width="32"
           />
         </div>
         <h6
@@ -6490,7 +6836,9 @@ exports[`Landing Renders tablet version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -6501,10 +6849,12 @@ exports[`Landing Renders tablet version correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
@@ -6569,17 +6919,23 @@ exports[`Landing Renders tablet version correctly 1`] = `
           <img
             alt="USDT logo"
             class="makeStyles-position-768"
+            height="32"
             src="/assets/icons/usdt.svg"
+            width="32"
           />
           <img
             alt="WBTC logo"
             class="makeStyles-position-769"
+            height="32"
             src="/assets/icons/wbtc.svg"
+            width="32"
           />
           <img
             alt="WETH logo"
             class="makeStyles-position-770"
+            height="32"
             src="/assets/icons/weth.svg"
+            width="32"
           />
         </div>
         <h6
@@ -6613,7 +6969,9 @@ exports[`Landing Renders tablet version correctly 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-434"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
             <div
@@ -6624,10 +6982,12 @@ exports[`Landing Renders tablet version correctly 1`] = `
               >
                 <img
                   alt="Yield-Bearing Rewards"
+                  height="15"
                   src="assets/icons/yield-bearing-rewards.svg"
                   width="9"
                 />
-                 Yield-Bearing Rewards:
+                 
+                Yield-Bearing Rewards:
               </a>
               <span
                 class="MuiTypography-root-13"
diff --git a/src/tests/__snapshots__/Navbar.test.tsx.snap b/src/tests/__snapshots__/Navbar.test.tsx.snap
index c03b89696..82c195f18 100644
--- a/src/tests/__snapshots__/Navbar.test.tsx.snap
+++ b/src/tests/__snapshots__/Navbar.test.tsx.snap
@@ -333,7 +333,9 @@ exports[`Navbar Renders correctly 1`] = `
                       <img
                         alt="selected network icon"
                         class="makeStyles-selectedNetworkIcon-255"
+                        height="17"
                         src="/assets/icons/ethereum-network.svg"
+                        width="17"
                       />
                     </span>
                     <span
@@ -393,7 +395,9 @@ exports[`Navbar Renders mobile version correctly 1`] = `
             >
               <img
                 alt="open menu"
+                height="19"
                 src="/assets/icons/mobile-drawer-icon.svg"
+                width="22"
               />
             </span>
             <span
@@ -425,7 +429,9 @@ exports[`Navbar Renders mobile version correctly 1`] = `
                   <img
                     alt="selected network icon"
                     class="makeStyles-selectedNetworkIcon-255"
+                    height="17"
                     src="/assets/icons/ethereum-network.svg"
+                    width="17"
                   />
                 </span>
                 <span
@@ -653,7 +659,9 @@ exports[`Navbar Renders tablet version correctly 1`] = `
             >
               <img
                 alt="open menu"
+                height="19"
                 src="/assets/icons/mobile-drawer-icon.svg"
+                width="22"
               />
             </span>
             <span
@@ -685,7 +693,9 @@ exports[`Navbar Renders tablet version correctly 1`] = `
                   <img
                     alt="selected network icon"
                     class="makeStyles-selectedNetworkIcon-255"
+                    height="17"
                     src="/assets/icons/ethereum-network.svg"
+                    width="17"
                   />
                 </span>
                 <span
diff --git a/src/tests/__snapshots__/NetworkGasWidget.test.tsx.snap b/src/tests/__snapshots__/NetworkGasWidget.test.tsx.snap
index eab245b15..e2d190098 100644
--- a/src/tests/__snapshots__/NetworkGasWidget.test.tsx.snap
+++ b/src/tests/__snapshots__/NetworkGasWidget.test.tsx.snap
@@ -16,7 +16,9 @@ exports[`NetworkGasWidget displays network options 1`] = `
           <img
             alt="selected network icon"
             class="makeStyles-selectedNetworkIcon-2"
+            height="17"
             src="/assets/icons/ethereum-network.svg"
+            width="17"
           />
         </span>
         <span
diff --git a/src/tests/__snapshots__/VaultDeposit.test.tsx.snap b/src/tests/__snapshots__/VaultDeposit.test.tsx.snap
index 78eb7210a..b5da57cbe 100644
--- a/src/tests/__snapshots__/VaultDeposit.test.tsx.snap
+++ b/src/tests/__snapshots__/VaultDeposit.test.tsx.snap
@@ -96,12 +96,16 @@ exports[`Vault Deposit can go back from full fees descriptions 1`] = `
                     <img
                       alt="BBTC logo"
                       class="makeStyles-position-382"
+                      height="32"
                       src="/assets/icons/bbtc.svg"
+                      width="32"
                     />
                     <img
                       alt="crvRenWSBTC logo"
                       class="makeStyles-position-383"
+                      height="32"
                       src="/assets/icons/crvrenwsbtc.svg"
+                      width="32"
                     />
                   </div>
                   <p
@@ -537,12 +541,16 @@ exports[`Vault Deposit displays sett information 1`] = `
                     <img
                       alt="BBTC logo"
                       class="makeStyles-position-212"
+                      height="32"
                       src="/assets/icons/bbtc.svg"
+                      width="32"
                     />
                     <img
                       alt="crvRenWSBTC logo"
                       class="makeStyles-position-213"
+                      height="32"
                       src="/assets/icons/crvrenwsbtc.svg"
+                      width="32"
                     />
                   </div>
                   <p
diff --git a/src/tests/__snapshots__/VaultWithdraw.test.tsx.snap b/src/tests/__snapshots__/VaultWithdraw.test.tsx.snap
index 7728c14d4..30f3d078e 100644
--- a/src/tests/__snapshots__/VaultWithdraw.test.tsx.snap
+++ b/src/tests/__snapshots__/VaultWithdraw.test.tsx.snap
@@ -96,12 +96,16 @@ exports[`Vault Withdraw displays sett information 1`] = `
                     <img
                       alt="BBTC logo"
                       class="makeStyles-position-214"
+                      height="32"
                       src="/assets/icons/bbtc.svg"
+                      width="32"
                     />
                     <img
                       alt="crvRenWSBTC logo"
                       class="makeStyles-position-215"
+                      height="32"
                       src="/assets/icons/crvrenwsbtc.svg"
+                      width="32"
                     />
                   </div>
                   <p
@@ -272,12 +276,16 @@ exports[`Vault Withdraw displays sett information 1`] = `
                     <img
                       alt="BBTC logo"
                       class="makeStyles-position-320"
+                      height="32"
                       src="/assets/icons/bbtc.svg"
+                      width="32"
                     />
                     <img
                       alt="crvRenWSBTC logo"
                       class="makeStyles-position-321"
+                      height="32"
                       src="/assets/icons/crvrenwsbtc.svg"
+                      width="32"
                     />
                   </div>
                   <p
diff --git a/src/tests/__snapshots__/WalletDrawer.test.tsx.snap b/src/tests/__snapshots__/WalletDrawer.test.tsx.snap
index cde49e860..5a13ecfe6 100644
--- a/src/tests/__snapshots__/WalletDrawer.test.tsx.snap
+++ b/src/tests/__snapshots__/WalletDrawer.test.tsx.snap
@@ -154,7 +154,9 @@ exports[`Wallet Drawer displays correctly 1`] = `
                   <img
                     alt="Badger logo"
                     class="makeStyles-icon-222"
+                    height="25"
                     src="/assets/icons/badger.svg"
+                    width="25"
                   />
                   <p
                     class="MuiTypography-root-162 makeStyles-tokenName-221 MuiTypography-body1-164 MuiTypography-displayInline-190"
@@ -194,7 +196,9 @@ exports[`Wallet Drawer displays correctly 1`] = `
                   <img
                     alt="DIGG logo"
                     class="makeStyles-icon-222"
+                    height="25"
                     src="/assets/icons/digg.svg"
+                    width="25"
                   />
                   <p
                     class="MuiTypography-root-162 makeStyles-tokenName-221 MuiTypography-body1-164 MuiTypography-displayInline-190"
diff --git a/src/tests/boost-optimizer/__snapshots__/Optimizer.test.tsx.snap b/src/tests/boost-optimizer/__snapshots__/Optimizer.test.tsx.snap
index 4a8dd32f2..ea7641d3d 100644
--- a/src/tests/boost-optimizer/__snapshots__/Optimizer.test.tsx.snap
+++ b/src/tests/boost-optimizer/__snapshots__/Optimizer.test.tsx.snap
@@ -99,7 +99,9 @@ exports[`Boost Optimizer can jump to rank 1`] = `
                         <img
                           alt="decrease native holdings"
                           class="makeStyles-actionImage-250"
+                          height="7"
                           src="/assets/icons/boost-down.svg"
+                          width="12"
                         />
                       </span>
                       <span
@@ -126,7 +128,9 @@ exports[`Boost Optimizer can jump to rank 1`] = `
                         <img
                           alt="increase native holdings"
                           class="makeStyles-actionImage-250"
+                          height="7"
                           src="/assets/icons/boost-up.svg"
+                          width="12"
                         />
                       </span>
                       <span
@@ -223,13 +227,17 @@ exports[`Boost Optimizer can jump to rank 1`] = `
                   <img
                     alt="Badger Eyes"
                     class="makeStyles-boostEyeStar-299"
+                    height="6"
                     src="assets/badger-eyes.png"
+                    width="6"
                   />
                 </div>
                 <img
                   alt="Badger Logo"
                   class="makeStyles-boostImage-295"
+                  height="161"
                   src="assets/badger-transparent.png"
+                  width="144"
                 />
                 <div
                   class="makeStyles-boostEye-296 makeStyles-boostRight-298 makeStyles-eyes-409"
@@ -237,7 +245,9 @@ exports[`Boost Optimizer can jump to rank 1`] = `
                   <img
                     alt="Badger Eyes"
                     class="makeStyles-boostEyeStar-299"
+                    height="6"
                     src="assets/badger-eyes.png"
+                    width="6"
                   />
                 </div>
               </div>
@@ -270,7 +280,9 @@ exports[`Boost Optimizer can jump to rank 1`] = `
                         <img
                           alt="decrease non native holdings"
                           class="makeStyles-actionImage-250"
+                          height="7"
                           src="/assets/icons/boost-down.svg"
+                          width="12"
                         />
                       </span>
                       <span
@@ -297,7 +309,9 @@ exports[`Boost Optimizer can jump to rank 1`] = `
                         <img
                           alt="increase non native holdings"
                           class="makeStyles-actionImage-250"
+                          height="7"
                           src="/assets/icons/boost-up.svg"
+                          width="12"
                         />
                       </span>
                       <span
@@ -347,7 +361,9 @@ exports[`Boost Optimizer can jump to rank 1`] = `
                 <img
                   alt="Badger Logo"
                   class="makeStyles-boostImage-415"
+                  height="18.8"
                   src="assets/badger-transparent.png"
+                  width="16.6"
                 />
               </div>
             </div>
@@ -460,7 +476,9 @@ exports[`Boost Optimizer can jump to rank 1`] = `
                         <img
                           alt="Badger Logo"
                           class="makeStyles-boostImage-419"
+                          height="31.4"
                           src="assets/badger-transparent.png"
+                          width="28"
                         />
                       </div>
                     </div>
@@ -523,7 +541,9 @@ exports[`Boost Optimizer can jump to rank 1`] = `
                         <img
                           alt="Badger Logo"
                           class="makeStyles-boostImage-423"
+                          height="31.4"
                           src="assets/badger-transparent.png"
+                          width="28"
                         />
                       </div>
                     </div>
@@ -595,7 +615,9 @@ exports[`Boost Optimizer can jump to rank 1`] = `
                         <img
                           alt="Badger Logo"
                           class="makeStyles-boostImage-427"
+                          height="31.4"
                           src="assets/badger-transparent.png"
+                          width="28"
                         />
                       </div>
                     </div>
@@ -658,7 +680,9 @@ exports[`Boost Optimizer can jump to rank 1`] = `
                         <img
                           alt="Badger Logo"
                           class="makeStyles-boostImage-431"
+                          height="31.4"
                           src="assets/badger-transparent.png"
+                          width="28"
                         />
                       </div>
                     </div>
@@ -721,7 +745,9 @@ exports[`Boost Optimizer can jump to rank 1`] = `
                         <img
                           alt="Badger Logo"
                           class="makeStyles-boostImage-435"
+                          height="31.4"
                           src="assets/badger-transparent.png"
+                          width="28"
                         />
                       </div>
                     </div>
@@ -848,7 +874,9 @@ exports[`Boost Optimizer displays correct information 1`] = `
                         <img
                           alt="decrease native holdings"
                           class="makeStyles-actionImage-250"
+                          height="7"
                           src="/assets/icons/boost-down.svg"
+                          width="12"
                         />
                       </span>
                       <span
@@ -875,7 +903,9 @@ exports[`Boost Optimizer displays correct information 1`] = `
                         <img
                           alt="increase native holdings"
                           class="makeStyles-actionImage-250"
+                          height="7"
                           src="/assets/icons/boost-up.svg"
+                          width="12"
                         />
                       </span>
                       <span
@@ -958,13 +988,17 @@ exports[`Boost Optimizer displays correct information 1`] = `
                   <img
                     alt="Badger Eyes"
                     class="makeStyles-boostEyeStar-299"
+                    height="6"
                     src="assets/badger-eyes.png"
+                    width="6"
                   />
                 </div>
                 <img
                   alt="Badger Logo"
                   class="makeStyles-boostImage-295"
+                  height="161"
                   src="assets/badger-transparent.png"
+                  width="144"
                 />
                 <div
                   class="makeStyles-boostEye-296 makeStyles-boostRight-298 makeStyles-eyes-379"
@@ -972,7 +1006,9 @@ exports[`Boost Optimizer displays correct information 1`] = `
                   <img
                     alt="Badger Eyes"
                     class="makeStyles-boostEyeStar-299"
+                    height="6"
                     src="assets/badger-eyes.png"
+                    width="6"
                   />
                 </div>
               </div>
@@ -1005,7 +1041,9 @@ exports[`Boost Optimizer displays correct information 1`] = `
                         <img
                           alt="decrease non native holdings"
                           class="makeStyles-actionImage-250"
+                          height="7"
                           src="/assets/icons/boost-down.svg"
+                          width="12"
                         />
                       </span>
                       <span
@@ -1032,7 +1070,9 @@ exports[`Boost Optimizer displays correct information 1`] = `
                         <img
                           alt="increase non native holdings"
                           class="makeStyles-actionImage-250"
+                          height="7"
                           src="/assets/icons/boost-up.svg"
+                          width="12"
                         />
                       </span>
                       <span
@@ -1082,7 +1122,9 @@ exports[`Boost Optimizer displays correct information 1`] = `
                 <img
                   alt="Badger Logo"
                   class="makeStyles-boostImage-385"
+                  height="18.8"
                   src="assets/badger-transparent.png"
+                  width="16.6"
                 />
               </div>
             </div>
@@ -1195,7 +1237,9 @@ exports[`Boost Optimizer displays correct information 1`] = `
                         <img
                           alt="Badger Logo"
                           class="makeStyles-boostImage-389"
+                          height="31.4"
                           src="assets/badger-transparent.png"
+                          width="28"
                         />
                       </div>
                     </div>
@@ -1259,7 +1303,9 @@ exports[`Boost Optimizer displays correct information 1`] = `
                         <img
                           alt="Badger Logo"
                           class="makeStyles-boostImage-393"
+                          height="31.4"
                           src="assets/badger-transparent.png"
+                          width="28"
                         />
                       </div>
                     </div>
@@ -1322,7 +1368,9 @@ exports[`Boost Optimizer displays correct information 1`] = `
                         <img
                           alt="Badger Logo"
                           class="makeStyles-boostImage-397"
+                          height="31.4"
                           src="assets/badger-transparent.png"
+                          width="28"
                         />
                       </div>
                     </div>
@@ -1385,7 +1433,9 @@ exports[`Boost Optimizer displays correct information 1`] = `
                         <img
                           alt="Badger Logo"
                           class="makeStyles-boostImage-401"
+                          height="31.4"
                           src="assets/badger-transparent.png"
+                          width="28"
                         />
                       </div>
                     </div>
@@ -1448,7 +1498,9 @@ exports[`Boost Optimizer displays correct information 1`] = `
                         <img
                           alt="Badger Logo"
                           class="makeStyles-boostImage-405"
+                          height="31.4"
                           src="assets/badger-transparent.png"
+                          width="28"
                         />
                       </div>
                     </div>
@@ -1575,7 +1627,9 @@ exports[`Boost Optimizer supports no wallet mode 1`] = `
                         <img
                           alt="decrease native holdings"
                           class="makeStyles-actionImage-250"
+                          height="7"
                           src="/assets/icons/boost-down.svg"
+                          width="12"
                         />
                       </span>
                       <span
@@ -1602,7 +1656,9 @@ exports[`Boost Optimizer supports no wallet mode 1`] = `
                         <img
                           alt="increase native holdings"
                           class="makeStyles-actionImage-250"
+                          height="7"
                           src="/assets/icons/boost-up.svg"
+                          width="12"
                         />
                       </span>
                       <span
@@ -1663,13 +1719,17 @@ exports[`Boost Optimizer supports no wallet mode 1`] = `
                   <img
                     alt="Badger Eyes"
                     class="makeStyles-boostEyeStar-299"
+                    height="6"
                     src="assets/badger-eyes.png"
+                    width="6"
                   />
                 </div>
                 <img
                   alt="Badger Logo"
                   class="makeStyles-boostImage-295"
+                  height="161"
                   src="assets/badger-transparent.png"
+                  width="144"
                 />
                 <div
                   class="makeStyles-boostEye-296 makeStyles-boostRight-298 makeStyles-eyes-301"
@@ -1677,7 +1737,9 @@ exports[`Boost Optimizer supports no wallet mode 1`] = `
                   <img
                     alt="Badger Eyes"
                     class="makeStyles-boostEyeStar-299"
+                    height="6"
                     src="assets/badger-eyes.png"
+                    width="6"
                   />
                 </div>
               </div>
@@ -1710,7 +1772,9 @@ exports[`Boost Optimizer supports no wallet mode 1`] = `
                         <img
                           alt="decrease non native holdings"
                           class="makeStyles-actionImage-250"
+                          height="7"
                           src="/assets/icons/boost-down.svg"
+                          width="12"
                         />
                       </span>
                       <span
@@ -1737,7 +1801,9 @@ exports[`Boost Optimizer supports no wallet mode 1`] = `
                         <img
                           alt="increase non native holdings"
                           class="makeStyles-actionImage-250"
+                          height="7"
                           src="/assets/icons/boost-up.svg"
+                          width="12"
                         />
                       </span>
                       <span
@@ -1796,7 +1862,9 @@ exports[`Boost Optimizer supports no wallet mode 1`] = `
                 <img
                   alt="Badger Logo"
                   class="makeStyles-boostImage-330"
+                  height="18.8"
                   src="assets/badger-transparent.png"
+                  width="16.6"
                 />
               </div>
             </div>
@@ -1909,7 +1977,9 @@ exports[`Boost Optimizer supports no wallet mode 1`] = `
                         <img
                           alt="Badger Logo"
                           class="makeStyles-boostImage-349"
+                          height="31.4"
                           src="assets/badger-transparent.png"
+                          width="28"
                         />
                       </div>
                     </div>
@@ -1973,7 +2043,9 @@ exports[`Boost Optimizer supports no wallet mode 1`] = `
                         <img
                           alt="Badger Logo"
                           class="makeStyles-boostImage-353"
+                          height="31.4"
                           src="assets/badger-transparent.png"
+                          width="28"
                         />
                       </div>
                     </div>
@@ -2037,7 +2109,9 @@ exports[`Boost Optimizer supports no wallet mode 1`] = `
                         <img
                           alt="Badger Logo"
                           class="makeStyles-boostImage-357"
+                          height="31.4"
                           src="assets/badger-transparent.png"
+                          width="28"
                         />
                       </div>
                     </div>
@@ -2101,7 +2175,9 @@ exports[`Boost Optimizer supports no wallet mode 1`] = `
                         <img
                           alt="Badger Logo"
                           class="makeStyles-boostImage-361"
+                          height="31.4"
                           src="assets/badger-transparent.png"
+                          width="28"
                         />
                       </div>
                     </div>
@@ -2164,7 +2240,9 @@ exports[`Boost Optimizer supports no wallet mode 1`] = `
                         <img
                           alt="Badger Logo"
                           class="makeStyles-boostImage-365"
+                          height="31.4"
                           src="assets/badger-transparent.png"
+                          width="28"
                         />
                       </div>
                     </div>
diff --git a/src/tests/ibBTC/__snapshots__/Mint.test.tsx.snap b/src/tests/ibBTC/__snapshots__/Mint.test.tsx.snap
index 940e729b9..6e372ee3d 100644
--- a/src/tests/ibBTC/__snapshots__/Mint.test.tsx.snap
+++ b/src/tests/ibBTC/__snapshots__/Mint.test.tsx.snap
@@ -80,7 +80,9 @@ exports[`ibBTC Mint can apply max balance 1`] = `
                 <img
                   alt="bcrvRenWBTC logo"
                   class="makeStyles-tokenIcon-220"
+                  height="24"
                   src="/assets/icons/bcrvrenwbtc.svg"
+                  width="24"
                 />
                 <div
                   class="MuiTypography-root-109 MuiTypography-body1-111"
@@ -186,7 +188,9 @@ exports[`ibBTC Mint can apply max balance 1`] = `
           <img
             alt="ibBTC logo"
             class="makeStyles-tokenIcon-220"
+            height="24"
             src="/assets/icons/ibbtc.svg"
+            width="24"
           />
           <div
             class="MuiTypography-root-109 MuiTypography-body1-111"
@@ -384,7 +388,9 @@ exports[`ibBTC Mint can change token 1`] = `
                 <img
                   alt="renBTC logo"
                   class="makeStyles-tokenIcon-220"
+                  height="24"
                   src="/assets/icons/renbtc.svg"
+                  width="24"
                 />
                 <div
                   class="MuiTypography-root-109 MuiTypography-body1-111"
@@ -647,7 +653,9 @@ exports[`ibBTC Mint can change token 1`] = `
           <img
             alt="ibBTC logo"
             class="makeStyles-tokenIcon-220"
+            height="24"
             src="/assets/icons/ibbtc.svg"
+            width="24"
           />
           <div
             class="MuiTypography-root-109 MuiTypography-body1-111"
@@ -845,7 +853,9 @@ exports[`ibBTC Mint displays output ibBTC when mint amount is inputted 1`] = `
                 <img
                   alt="bcrvRenWBTC logo"
                   class="makeStyles-tokenIcon-220"
+                  height="24"
                   src="/assets/icons/bcrvrenwbtc.svg"
+                  width="24"
                 />
                 <div
                   class="MuiTypography-root-109 MuiTypography-body1-111"
@@ -951,7 +961,9 @@ exports[`ibBTC Mint displays output ibBTC when mint amount is inputted 1`] = `
           <img
             alt="ibBTC logo"
             class="makeStyles-tokenIcon-220"
+            height="24"
             src="/assets/icons/ibbtc.svg"
+            width="24"
           />
           <div
             class="MuiTypography-root-109 MuiTypography-body1-111"
diff --git a/src/tests/ibBTC/__snapshots__/Redeem.test.tsx.snap b/src/tests/ibBTC/__snapshots__/Redeem.test.tsx.snap
index 5310e2fed..7df50b4d9 100644
--- a/src/tests/ibBTC/__snapshots__/Redeem.test.tsx.snap
+++ b/src/tests/ibBTC/__snapshots__/Redeem.test.tsx.snap
@@ -70,7 +70,9 @@ exports[`ibBTC Redeem Input Change displays output balance when redeem amount is
             <img
               alt="ibBTC logo"
               class="makeStyles-tokenIcon-194"
+              height="24"
               src="/assets/icons/ibbtc.svg"
+              width="24"
             />
             <div
               class="MuiTypography-root-109 MuiTypography-body1-111"
@@ -144,7 +146,9 @@ exports[`ibBTC Redeem Input Change displays output balance when redeem amount is
               <img
                 alt="bcrvRenWBTC logo"
                 class="makeStyles-tokenIcon-194"
+                height="24"
                 src="/assets/icons/bcrvrenwbtc.svg"
+                width="24"
               />
               <div
                 class="MuiTypography-root-109 MuiTypography-body1-111"
@@ -364,7 +368,9 @@ exports[`ibBTC Redeem can apply max balance 1`] = `
             <img
               alt="ibBTC logo"
               class="makeStyles-tokenIcon-194"
+              height="24"
               src="/assets/icons/ibbtc.svg"
+              width="24"
             />
             <div
               class="MuiTypography-root-109 MuiTypography-body1-111"
@@ -438,7 +444,9 @@ exports[`ibBTC Redeem can apply max balance 1`] = `
               <img
                 alt="bcrvRenWBTC logo"
                 class="makeStyles-tokenIcon-194"
+                height="24"
                 src="/assets/icons/bcrvrenwbtc.svg"
+                width="24"
               />
               <div
                 class="MuiTypography-root-109 MuiTypography-body1-111"
diff --git a/src/tests/sett-details/__snapshots__/Description.test.tsx.snap b/src/tests/sett-details/__snapshots__/Description.test.tsx.snap
index 7c1beb1bf..eac476459 100644
--- a/src/tests/sett-details/__snapshots__/Description.test.tsx.snap
+++ b/src/tests/sett-details/__snapshots__/Description.test.tsx.snap
@@ -14,12 +14,16 @@ exports[`Description displays sett description 1`] = `
         <img
           alt="BBTC logo"
           class="makeStyles-position-111"
+          height="32"
           src="/assets/icons/bbtc.svg"
+          width="32"
         />
         <img
           alt="crvRenWSBTC logo"
           class="makeStyles-position-112"
+          height="32"
           src="/assets/icons/crvrenwsbtc.svg"
+          width="32"
         />
       </div>
     </div>
diff --git a/src/tests/sett-details/__snapshots__/Holdings.test.tsx.snap b/src/tests/sett-details/__snapshots__/Holdings.test.tsx.snap
index f8605ae1b..f81102eee 100644
--- a/src/tests/sett-details/__snapshots__/Holdings.test.tsx.snap
+++ b/src/tests/sett-details/__snapshots__/Holdings.test.tsx.snap
@@ -61,12 +61,16 @@ exports[`Holdings displays holdings with balance 1`] = `
                   <img
                     alt="BBTC logo"
                     class="makeStyles-position-202"
+                    height="32"
                     src="/assets/icons/bbtc.svg"
+                    width="32"
                   />
                   <img
                     alt="crvRenWSBTC logo"
                     class="makeStyles-position-203"
+                    height="32"
                     src="/assets/icons/crvrenwsbtc.svg"
+                    width="32"
                   />
                 </div>
               </div>
@@ -152,12 +156,16 @@ exports[`Holdings displays holdings with no balance 1`] = `
                   <img
                     alt="BBTC logo"
                     class="makeStyles-position-202"
+                    height="32"
                     src="/assets/icons/bbtc.svg"
+                    width="32"
                   />
                   <img
                     alt="crvRenWSBTC logo"
                     class="makeStyles-position-203"
+                    height="32"
                     src="/assets/icons/crvrenwsbtc.svg"
+                    width="32"
                   />
                 </div>
               </div>
diff --git a/src/tests/sett-details/__snapshots__/SpecsCard.test.tsx.snap b/src/tests/sett-details/__snapshots__/SpecsCard.test.tsx.snap
index ed0f33312..f29a02fa0 100644
--- a/src/tests/sett-details/__snapshots__/SpecsCard.test.tsx.snap
+++ b/src/tests/sett-details/__snapshots__/SpecsCard.test.tsx.snap
@@ -37,7 +37,9 @@ exports[`Specs Section displays sett information 1`] = `
               <img
                 alt="apy info icon"
                 class="makeStyles-apyInfo-146"
+                height="24"
                 src="/assets/icons/apy-info.svg"
+                width="12"
               />
             </div>
           </div>
@@ -112,7 +114,9 @@ exports[`Specs Section displays sett information 1`] = `
               <img
                 alt="BBTC logo"
                 class="makeStyles-tokenImage-231"
+                height="32"
                 src="/assets/icons/bbtc.svg"
+                width="32"
               />
               <p
                 class="MuiTypography-root-148 makeStyles-specName-228 makeStyles-tokenName-230 MuiTypography-body1-150 MuiTypography-colorTextSecondary-174 MuiTypography-displayInline-176"
@@ -135,7 +139,9 @@ exports[`Specs Section displays sett information 1`] = `
               <img
                 alt="crvRenWSBTC logo"
                 class="makeStyles-tokenImage-231"
+                height="32"
                 src="/assets/icons/crvrenwsbtc.svg"
+                width="32"
               />
               <p
                 class="MuiTypography-root-148 makeStyles-specName-228 makeStyles-tokenName-230 MuiTypography-body1-150 MuiTypography-colorTextSecondary-174 MuiTypography-displayInline-176"
diff --git a/src/tests/sett-details/__snapshots__/TokenDistributionIcon.test.tsx.snap b/src/tests/sett-details/__snapshots__/TokenDistributionIcon.test.tsx.snap
index aeea44a21..246fc3dd8 100644
--- a/src/tests/sett-details/__snapshots__/TokenDistributionIcon.test.tsx.snap
+++ b/src/tests/sett-details/__snapshots__/TokenDistributionIcon.test.tsx.snap
@@ -47,7 +47,9 @@ exports[`Token Distribution Icon displays sett token distribution information on
               <img
                 alt="renBTC logo"
                 class="makeStyles-tokenIconContainer-160"
+                height="32"
                 src="/assets/icons/renbtc.svg"
+                width="32"
               />
               <p
                 class="MuiTypography-root-128 makeStyles-tokenInfo-159 MuiTypography-body1-130 MuiTypography-displayInline-156"
@@ -70,7 +72,9 @@ exports[`Token Distribution Icon displays sett token distribution information on
               <img
                 alt="WBTC logo"
                 class="makeStyles-tokenIconContainer-160"
+                height="32"
                 src="/assets/icons/wbtc.svg"
+                width="32"
               />
               <p
                 class="MuiTypography-root-128 makeStyles-tokenInfo-159 MuiTypography-body1-130 MuiTypography-displayInline-156"
@@ -93,7 +97,9 @@ exports[`Token Distribution Icon displays sett token distribution information on
               <img
                 alt="sBTC logo"
                 class="makeStyles-tokenIconContainer-160"
+                height="32"
                 src="/assets/icons/sbtc.svg"
+                width="32"
               />
               <p
                 class="MuiTypography-root-128 makeStyles-tokenInfo-159 MuiTypography-body1-130 MuiTypography-displayInline-156"
diff --git a/src/tests/vaults/__snapshots__/VaultItemApr.test.tsx.snap b/src/tests/vaults/__snapshots__/VaultItemApr.test.tsx.snap
index 9821068f8..1655eeb62 100644
--- a/src/tests/vaults/__snapshots__/VaultItemApr.test.tsx.snap
+++ b/src/tests/vaults/__snapshots__/VaultItemApr.test.tsx.snap
@@ -16,7 +16,9 @@ exports[`VaultItemApr Boosted Vaults displays correct APR and boost information
       <img
         alt="apy info icon"
         class="makeStyles-apyInfo-3"
+        height="24"
         src="/assets/icons/apy-info.svg"
+        width="12"
       />
     </div>
   </div>
@@ -39,7 +41,9 @@ exports[`VaultItemApr No APR Vaults renders zero APR 1`] = `
       <img
         alt="apy info icon"
         class="makeStyles-apyInfo-3"
+        height="24"
         src="/assets/icons/apy-info.svg"
+        width="12"
       />
     </div>
   </div>
diff --git a/src/tests/vaults/__snapshots__/VaultListDisplay.test.tsx.snap b/src/tests/vaults/__snapshots__/VaultListDisplay.test.tsx.snap
index 571b0af66..f3ea4b949 100644
--- a/src/tests/vaults/__snapshots__/VaultListDisplay.test.tsx.snap
+++ b/src/tests/vaults/__snapshots__/VaultListDisplay.test.tsx.snap
@@ -450,7 +450,9 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
           <img
             alt="DIGG logo"
             class="makeStyles-position-197"
+            height="32"
             src="/assets/icons/digg.svg"
+            width="32"
           />
         </div>
       </div>
@@ -510,7 +512,9 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             <img
               alt="apy info icon"
               class="makeStyles-apyInfo-234"
+              height="24"
               src="/assets/icons/apy-info.svg"
+              width="12"
             />
           </div>
         </div>
@@ -558,7 +562,9 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
           <img
             alt="CVX logo"
             class="makeStyles-position-291"
+            height="32"
             src="/assets/icons/cvx.svg"
+            width="32"
           />
         </div>
       </div>
@@ -605,7 +611,9 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             <img
               alt="apy info icon"
               class="makeStyles-apyInfo-234"
+              height="24"
               src="/assets/icons/apy-info.svg"
+              width="12"
             />
           </div>
           <div
@@ -616,10 +624,12 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             >
               <img
                 alt="Yield-Bearing Rewards"
+                height="15"
                 src="assets/icons/yield-bearing-rewards.svg"
                 width="9"
               />
-               Yield-Bearing Rewards:
+               
+              Yield-Bearing Rewards:
             </a>
             <span
               class="MuiTypography-root-144"
@@ -674,7 +684,9 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
           <img
             alt="AURA logo"
             class="makeStyles-position-307"
+            height="32"
             src="/assets/icons/aura.svg"
+            width="32"
           />
         </div>
       </div>
@@ -721,7 +733,9 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             <img
               alt="apy info icon"
               class="makeStyles-apyInfo-234"
+              height="24"
               src="/assets/icons/apy-info.svg"
+              width="12"
             />
           </div>
           <div
@@ -732,10 +746,12 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             >
               <img
                 alt="Yield-Bearing Rewards"
+                height="15"
                 src="assets/icons/yield-bearing-rewards.svg"
                 width="9"
               />
-               Yield-Bearing Rewards:
+               
+              Yield-Bearing Rewards:
             </a>
             <span
               class="MuiTypography-root-144"
@@ -790,7 +806,9 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
           <img
             alt="auraBAL logo"
             class="makeStyles-position-317"
+            height="32"
             src="/assets/icons/aurabal.svg"
+            width="32"
           />
         </div>
       </div>
@@ -850,7 +868,9 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             <img
               alt="apy info icon"
               class="makeStyles-apyInfo-234"
+              height="24"
               src="/assets/icons/apy-info.svg"
+              width="12"
             />
           </div>
           <div
@@ -861,10 +881,12 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             >
               <img
                 alt="Yield-Bearing Rewards"
+                height="15"
                 src="assets/icons/yield-bearing-rewards.svg"
                 width="9"
               />
-               Yield-Bearing Rewards:
+               
+              Yield-Bearing Rewards:
             </a>
             <span
               class="MuiTypography-root-144"
@@ -919,17 +941,23 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
           <img
             alt="auraBAL logo"
             class="makeStyles-position-327"
+            height="32"
             src="/assets/icons/aurabal.svg"
+            width="32"
           />
           <img
             alt="graviAURA logo"
             class="makeStyles-position-328"
+            height="32"
             src="/assets/icons/graviaura.svg"
+            width="32"
           />
           <img
             alt="WETH logo"
             class="makeStyles-position-329"
+            height="32"
             src="/assets/icons/weth.svg"
+            width="32"
           />
         </div>
       </div>
@@ -976,7 +1004,9 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             <img
               alt="apy info icon"
               class="makeStyles-apyInfo-234"
+              height="24"
               src="/assets/icons/apy-info.svg"
+              width="12"
             />
           </div>
           <div
@@ -987,10 +1017,12 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             >
               <img
                 alt="Yield-Bearing Rewards"
+                height="15"
                 src="assets/icons/yield-bearing-rewards.svg"
                 width="9"
               />
-               Yield-Bearing Rewards:
+               
+              Yield-Bearing Rewards:
             </a>
             <span
               class="MuiTypography-root-144"
@@ -1045,12 +1077,16 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
           <img
             alt="WBTC logo"
             class="makeStyles-position-339"
+            height="32"
             src="/assets/icons/wbtc.svg"
+            width="32"
           />
           <img
             alt="BADGER logo"
             class="makeStyles-position-340"
+            height="32"
             src="/assets/icons/badger.svg"
+            width="32"
           />
         </div>
       </div>
@@ -1097,7 +1133,9 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             <img
               alt="apy info icon"
               class="makeStyles-apyInfo-234"
+              height="24"
               src="/assets/icons/apy-info.svg"
+              width="12"
             />
           </div>
           <div
@@ -1108,10 +1146,12 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             >
               <img
                 alt="Yield-Bearing Rewards"
+                height="15"
                 src="assets/icons/yield-bearing-rewards.svg"
                 width="9"
               />
-               Yield-Bearing Rewards:
+               
+              Yield-Bearing Rewards:
             </a>
             <span
               class="MuiTypography-root-144"
@@ -1166,17 +1206,23 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
           <img
             alt="WBTC logo"
             class="makeStyles-position-350"
+            height="32"
             src="/assets/icons/wbtc.svg"
+            width="32"
           />
           <img
             alt="DIGG logo"
             class="makeStyles-position-351"
+            height="32"
             src="/assets/icons/digg.svg"
+            width="32"
           />
           <img
             alt="graviAURA logo"
             class="makeStyles-position-352"
+            height="32"
             src="/assets/icons/graviaura.svg"
+            width="32"
           />
         </div>
       </div>
@@ -1223,7 +1269,9 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             <img
               alt="apy info icon"
               class="makeStyles-apyInfo-234"
+              height="24"
               src="/assets/icons/apy-info.svg"
+              width="12"
             />
           </div>
           <div
@@ -1234,10 +1282,12 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             >
               <img
                 alt="Yield-Bearing Rewards"
+                height="15"
                 src="assets/icons/yield-bearing-rewards.svg"
                 width="9"
               />
-               Yield-Bearing Rewards:
+               
+              Yield-Bearing Rewards:
             </a>
             <span
               class="MuiTypography-root-144"
@@ -1292,12 +1342,16 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
           <img
             alt="CVX logo"
             class="makeStyles-position-362"
+            height="32"
             src="/assets/icons/cvx.svg"
+            width="32"
           />
           <img
             alt="bveCVX logo"
             class="makeStyles-position-363"
+            height="32"
             src="/assets/icons/bvecvx.svg"
+            width="32"
           />
         </div>
       </div>
@@ -1344,7 +1398,9 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             <img
               alt="apy info icon"
               class="makeStyles-apyInfo-234"
+              height="24"
               src="/assets/icons/apy-info.svg"
+              width="12"
             />
           </div>
           <div
@@ -1355,10 +1411,12 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             >
               <img
                 alt="Yield-Bearing Rewards"
+                height="15"
                 src="assets/icons/yield-bearing-rewards.svg"
                 width="9"
               />
-               Yield-Bearing Rewards:
+               
+              Yield-Bearing Rewards:
             </a>
             <span
               class="MuiTypography-root-144"
@@ -1413,7 +1471,9 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
           <img
             alt="cvxCRV logo"
             class="makeStyles-position-373"
+            height="32"
             src="/assets/icons/cvxcrv.svg"
+            width="32"
           />
         </div>
       </div>
@@ -1486,7 +1546,9 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             <img
               alt="apy info icon"
               class="makeStyles-apyInfo-234"
+              height="24"
               src="/assets/icons/apy-info.svg"
+              width="12"
             />
           </div>
           <div
@@ -1497,10 +1559,12 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             >
               <img
                 alt="Yield-Bearing Rewards"
+                height="15"
                 src="assets/icons/yield-bearing-rewards.svg"
                 width="9"
               />
-               Yield-Bearing Rewards:
+               
+              Yield-Bearing Rewards:
             </a>
             <span
               class="MuiTypography-root-144"
@@ -1555,12 +1619,16 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
           <img
             alt="wibBTC logo"
             class="makeStyles-position-383"
+            height="32"
             src="/assets/icons/wibbtc.svg"
+            width="32"
           />
           <img
             alt="crvRenWSBTC logo"
             class="makeStyles-position-384"
+            height="32"
             src="/assets/icons/crvrenwsbtc.svg"
+            width="32"
           />
         </div>
       </div>
@@ -1620,7 +1688,9 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             <img
               alt="apy info icon"
               class="makeStyles-apyInfo-234"
+              height="24"
               src="/assets/icons/apy-info.svg"
+              width="12"
             />
           </div>
           <div
@@ -1631,10 +1701,12 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             >
               <img
                 alt="Yield-Bearing Rewards"
+                height="15"
                 src="assets/icons/yield-bearing-rewards.svg"
                 width="9"
               />
-               Yield-Bearing Rewards:
+               
+              Yield-Bearing Rewards:
             </a>
             <span
               class="MuiTypography-root-144"
@@ -1689,12 +1761,16 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
           <img
             alt="BADGER logo"
             class="makeStyles-position-394"
+            height="32"
             src="/assets/icons/badger.svg"
+            width="32"
           />
           <img
             alt="WBTC logo"
             class="makeStyles-position-395"
+            height="32"
             src="/assets/icons/wbtc.svg"
+            width="32"
           />
         </div>
       </div>
@@ -1741,7 +1817,9 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             <img
               alt="apy info icon"
               class="makeStyles-apyInfo-234"
+              height="24"
               src="/assets/icons/apy-info.svg"
+              width="12"
             />
           </div>
           <div
@@ -1752,10 +1830,12 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             >
               <img
                 alt="Yield-Bearing Rewards"
+                height="15"
                 src="assets/icons/yield-bearing-rewards.svg"
                 width="9"
               />
-               Yield-Bearing Rewards:
+               
+              Yield-Bearing Rewards:
             </a>
             <span
               class="MuiTypography-root-144"
@@ -1810,12 +1890,16 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
           <img
             alt="WBTC logo"
             class="makeStyles-position-405"
+            height="32"
             src="/assets/icons/wbtc.svg"
+            width="32"
           />
           <img
             alt="BADGER logo"
             class="makeStyles-position-406"
+            height="32"
             src="/assets/icons/badger.svg"
+            width="32"
           />
         </div>
       </div>
@@ -1862,7 +1946,9 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             <img
               alt="apy info icon"
               class="makeStyles-apyInfo-234"
+              height="24"
               src="/assets/icons/apy-info.svg"
+              width="12"
             />
           </div>
         </div>
@@ -1910,7 +1996,9 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
           <img
             alt="WBTC logo"
             class="makeStyles-position-415"
+            height="32"
             src="/assets/icons/wbtc.svg"
+            width="32"
           />
         </div>
       </div>
@@ -1957,7 +2045,9 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             <img
               alt="apy info icon"
               class="makeStyles-apyInfo-234"
+              height="24"
               src="/assets/icons/apy-info.svg"
+              width="12"
             />
           </div>
         </div>
@@ -2005,12 +2095,16 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
           <img
             alt="WBTC logo"
             class="makeStyles-position-424"
+            height="32"
             src="/assets/icons/wbtc.svg"
+            width="32"
           />
           <img
             alt="WETH logo"
             class="makeStyles-position-425"
+            height="32"
             src="/assets/icons/weth.svg"
+            width="32"
           />
         </div>
       </div>
@@ -2057,7 +2151,9 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             <img
               alt="apy info icon"
               class="makeStyles-apyInfo-234"
+              height="24"
               src="/assets/icons/apy-info.svg"
+              width="12"
             />
           </div>
         </div>
@@ -2105,17 +2201,23 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
           <img
             alt="bb-a-USDT logo"
             class="makeStyles-position-434"
+            height="32"
             src="/assets/icons/bb-a-usdt.svg"
+            width="32"
           />
           <img
             alt="bb-a-DAI logo"
             class="makeStyles-position-435"
+            height="32"
             src="/assets/icons/bb-a-dai.svg"
+            width="32"
           />
           <img
             alt="bb-a-USDC logo"
             class="makeStyles-position-436"
+            height="32"
             src="/assets/icons/bb-a-usdc.svg"
+            width="32"
           />
         </div>
       </div>
@@ -2162,7 +2264,9 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             <img
               alt="apy info icon"
               class="makeStyles-apyInfo-234"
+              height="24"
               src="/assets/icons/apy-info.svg"
+              width="12"
             />
           </div>
           <div
@@ -2173,10 +2277,12 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             >
               <img
                 alt="Yield-Bearing Rewards"
+                height="15"
                 src="assets/icons/yield-bearing-rewards.svg"
                 width="9"
               />
-               Yield-Bearing Rewards:
+               
+              Yield-Bearing Rewards:
             </a>
             <span
               class="MuiTypography-root-144"
@@ -2231,12 +2337,16 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
           <img
             alt="renBTC logo"
             class="makeStyles-position-446"
+            height="32"
             src="/assets/icons/renbtc.svg"
+            width="32"
           />
           <img
             alt="WBTC logo"
             class="makeStyles-position-447"
+            height="32"
             src="/assets/icons/wbtc.svg"
+            width="32"
           />
         </div>
       </div>
@@ -2283,7 +2393,9 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             <img
               alt="apy info icon"
               class="makeStyles-apyInfo-234"
+              height="24"
               src="/assets/icons/apy-info.svg"
+              width="12"
             />
           </div>
           <div
@@ -2294,10 +2406,12 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             >
               <img
                 alt="Yield-Bearing Rewards"
+                height="15"
                 src="assets/icons/yield-bearing-rewards.svg"
                 width="9"
               />
-               Yield-Bearing Rewards:
+               
+              Yield-Bearing Rewards:
             </a>
             <span
               class="MuiTypography-root-144"
@@ -2352,17 +2466,23 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
           <img
             alt="USDT logo"
             class="makeStyles-position-457"
+            height="32"
             src="/assets/icons/usdt.svg"
+            width="32"
           />
           <img
             alt="WBTC logo"
             class="makeStyles-position-458"
+            height="32"
             src="/assets/icons/wbtc.svg"
+            width="32"
           />
           <img
             alt="WETH logo"
             class="makeStyles-position-459"
+            height="32"
             src="/assets/icons/weth.svg"
+            width="32"
           />
         </div>
       </div>
@@ -2409,7 +2529,9 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             <img
               alt="apy info icon"
               class="makeStyles-apyInfo-234"
+              height="24"
               src="/assets/icons/apy-info.svg"
+              width="12"
             />
           </div>
           <div
@@ -2420,10 +2542,12 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             >
               <img
                 alt="Yield-Bearing Rewards"
+                height="15"
                 src="assets/icons/yield-bearing-rewards.svg"
                 width="9"
               />
-               Yield-Bearing Rewards:
+               
+              Yield-Bearing Rewards:
             </a>
             <span
               class="MuiTypography-root-144"
diff --git a/src/tests/vaults/__snapshots__/VaultMetrics.test.tsx.snap b/src/tests/vaults/__snapshots__/VaultMetrics.test.tsx.snap
index f68393280..24dfc3201 100644
--- a/src/tests/vaults/__snapshots__/VaultMetrics.test.tsx.snap
+++ b/src/tests/vaults/__snapshots__/VaultMetrics.test.tsx.snap
@@ -31,7 +31,9 @@ exports[`VaultMetrics displays withdrawable tokens 1`] = `
           <img
             alt="apy info icon"
             class="makeStyles-apyInfo-11"
+            height="24"
             src="/assets/icons/apy-info.svg"
+            width="12"
           />
         </div>
       </div>
@@ -127,7 +129,9 @@ exports[`VaultMetrics renders correctly 1`] = `
           <img
             alt="apy info icon"
             class="makeStyles-apyInfo-11"
+            height="24"
             src="/assets/icons/apy-info.svg"
+            width="12"
           />
         </div>
       </div>

From 179a84c37dc8bcdcfb359fdf85a2597a6a176f16 Mon Sep 17 00:00:00 2001
From: Anil Kumar Rai <anilrai@outlook.com>
Date: Tue, 4 Oct 2022 21:33:45 +0530
Subject: [PATCH 2/2] updated snapshot

---
 src/tests/__snapshots__/Landing.test.tsx.snap | 432 +++++++++---------
 1 file changed, 216 insertions(+), 216 deletions(-)

diff --git a/src/tests/__snapshots__/Landing.test.tsx.snap b/src/tests/__snapshots__/Landing.test.tsx.snap
index 27cd92a93..a0367bfd4 100644
--- a/src/tests/__snapshots__/Landing.test.tsx.snap
+++ b/src/tests/__snapshots__/Landing.test.tsx.snap
@@ -2824,14 +2824,14 @@ exports[`Landing Renders mobile version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="CVX logo"
-            class="makeStyles-position-653"
+            class="makeStyles-position-654"
             height="32"
             src="/assets/icons/cvx.svg"
             width="32"
@@ -2855,10 +2855,10 @@ exports[`Landing Renders mobile version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-654 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-655 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-655 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-656 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -2874,7 +2874,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-656 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-438 MuiBox-root-657 makeStyles-yieldBearingRewards-437"
             >
               <a
                 class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
@@ -2907,7 +2907,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-659"
+            class="MuiBox-root-438 MuiBox-root-660"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -2943,14 +2943,14 @@ exports[`Landing Renders mobile version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="cvxCRV logo"
-            class="makeStyles-position-660"
+            class="makeStyles-position-661"
             height="32"
             src="/assets/icons/cvxcrv.svg"
             width="32"
@@ -2974,10 +2974,10 @@ exports[`Landing Renders mobile version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-661 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-662 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-662 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-663 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -2993,7 +2993,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-663 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-438 MuiBox-root-664 makeStyles-yieldBearingRewards-437"
             >
               <a
                 class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
@@ -3026,7 +3026,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-666"
+            class="MuiBox-root-438 MuiBox-root-667"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -3088,14 +3088,14 @@ exports[`Landing Renders mobile version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="AURA logo"
-            class="makeStyles-position-667"
+            class="makeStyles-position-668"
             height="32"
             src="/assets/icons/aura.svg"
             width="32"
@@ -3119,10 +3119,10 @@ exports[`Landing Renders mobile version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-668 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-669 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-669 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-670 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -3138,7 +3138,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-670 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-438 MuiBox-root-671 makeStyles-yieldBearingRewards-437"
             >
               <a
                 class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
@@ -3171,7 +3171,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-673"
+            class="MuiBox-root-438 MuiBox-root-674"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -3207,14 +3207,14 @@ exports[`Landing Renders mobile version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="auraBAL logo"
-            class="makeStyles-position-674"
+            class="makeStyles-position-675"
             height="32"
             src="/assets/icons/aurabal.svg"
             width="32"
@@ -3238,10 +3238,10 @@ exports[`Landing Renders mobile version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-675 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-676 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-676 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-677 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -3257,7 +3257,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-677 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-438 MuiBox-root-678 makeStyles-yieldBearingRewards-437"
             >
               <a
                 class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
@@ -3290,7 +3290,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-680"
+            class="MuiBox-root-438 MuiBox-root-681"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -3339,28 +3339,28 @@ exports[`Landing Renders mobile version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="auraBAL logo"
-            class="makeStyles-position-681"
+            class="makeStyles-position-682"
             height="32"
             src="/assets/icons/aurabal.svg"
             width="32"
           />
           <img
             alt="graviAURA logo"
-            class="makeStyles-position-682"
+            class="makeStyles-position-683"
             height="32"
             src="/assets/icons/graviaura.svg"
             width="32"
           />
           <img
             alt="WETH logo"
-            class="makeStyles-position-683"
+            class="makeStyles-position-684"
             height="32"
             src="/assets/icons/weth.svg"
             width="32"
@@ -3384,10 +3384,10 @@ exports[`Landing Renders mobile version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-684 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-685 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-685 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-686 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -3403,7 +3403,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-686 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-438 MuiBox-root-687 makeStyles-yieldBearingRewards-437"
             >
               <a
                 class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
@@ -3436,7 +3436,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-689"
+            class="MuiBox-root-438 MuiBox-root-690"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -3472,21 +3472,21 @@ exports[`Landing Renders mobile version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-690"
+            class="makeStyles-position-691"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
           />
           <img
             alt="BADGER logo"
-            class="makeStyles-position-691"
+            class="makeStyles-position-692"
             height="32"
             src="/assets/icons/badger.svg"
             width="32"
@@ -3510,10 +3510,10 @@ exports[`Landing Renders mobile version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-692 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-693 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-693 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-694 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -3529,7 +3529,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-694 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-438 MuiBox-root-695 makeStyles-yieldBearingRewards-437"
             >
               <a
                 class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
@@ -3562,7 +3562,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-697"
+            class="MuiBox-root-438 MuiBox-root-698"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -3598,28 +3598,28 @@ exports[`Landing Renders mobile version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-698"
+            class="makeStyles-position-699"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
           />
           <img
             alt="DIGG logo"
-            class="makeStyles-position-699"
+            class="makeStyles-position-700"
             height="32"
             src="/assets/icons/digg.svg"
             width="32"
           />
           <img
             alt="graviAURA logo"
-            class="makeStyles-position-700"
+            class="makeStyles-position-701"
             height="32"
             src="/assets/icons/graviaura.svg"
             width="32"
@@ -3643,10 +3643,10 @@ exports[`Landing Renders mobile version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-701 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-702 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-702 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-703 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -3662,7 +3662,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-703 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-438 MuiBox-root-704 makeStyles-yieldBearingRewards-437"
             >
               <a
                 class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
@@ -3695,7 +3695,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-706"
+            class="MuiBox-root-438 MuiBox-root-707"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -3731,21 +3731,21 @@ exports[`Landing Renders mobile version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="CVX logo"
-            class="makeStyles-position-707"
+            class="makeStyles-position-708"
             height="32"
             src="/assets/icons/cvx.svg"
             width="32"
           />
           <img
             alt="bveCVX logo"
-            class="makeStyles-position-708"
+            class="makeStyles-position-709"
             height="32"
             src="/assets/icons/bvecvx.svg"
             width="32"
@@ -3769,10 +3769,10 @@ exports[`Landing Renders mobile version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-709 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-710 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-710 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-711 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -3788,7 +3788,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-711 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-438 MuiBox-root-712 makeStyles-yieldBearingRewards-437"
             >
               <a
                 class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
@@ -3821,7 +3821,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-714"
+            class="MuiBox-root-438 MuiBox-root-715"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -3857,21 +3857,21 @@ exports[`Landing Renders mobile version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="wibBTC logo"
-            class="makeStyles-position-715"
+            class="makeStyles-position-716"
             height="32"
             src="/assets/icons/wibbtc.svg"
             width="32"
           />
           <img
             alt="crvRenWSBTC logo"
-            class="makeStyles-position-716"
+            class="makeStyles-position-717"
             height="32"
             src="/assets/icons/crvrenwsbtc.svg"
             width="32"
@@ -3895,10 +3895,10 @@ exports[`Landing Renders mobile version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-717 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-718 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-718 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-719 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -3914,7 +3914,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-719 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-438 MuiBox-root-720 makeStyles-yieldBearingRewards-437"
             >
               <a
                 class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
@@ -3947,7 +3947,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-722"
+            class="MuiBox-root-438 MuiBox-root-723"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -3996,21 +3996,21 @@ exports[`Landing Renders mobile version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="BADGER logo"
-            class="makeStyles-position-723"
+            class="makeStyles-position-724"
             height="32"
             src="/assets/icons/badger.svg"
             width="32"
           />
           <img
             alt="WBTC logo"
-            class="makeStyles-position-724"
+            class="makeStyles-position-725"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
@@ -4034,10 +4034,10 @@ exports[`Landing Renders mobile version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-725 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-726 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-726 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-727 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -4053,7 +4053,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-727 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-438 MuiBox-root-728 makeStyles-yieldBearingRewards-437"
             >
               <a
                 class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
@@ -4086,7 +4086,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-730"
+            class="MuiBox-root-438 MuiBox-root-731"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -4122,21 +4122,21 @@ exports[`Landing Renders mobile version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-731"
+            class="makeStyles-position-732"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
           />
           <img
             alt="BADGER logo"
-            class="makeStyles-position-732"
+            class="makeStyles-position-733"
             height="32"
             src="/assets/icons/badger.svg"
             width="32"
@@ -4160,10 +4160,10 @@ exports[`Landing Renders mobile version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-733 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-734 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-734 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-735 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -4189,7 +4189,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-737"
+            class="MuiBox-root-438 MuiBox-root-738"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -4225,14 +4225,14 @@ exports[`Landing Renders mobile version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-738"
+            class="makeStyles-position-739"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
@@ -4256,10 +4256,10 @@ exports[`Landing Renders mobile version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-739 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-740 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-740 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-741 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -4285,7 +4285,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-743"
+            class="MuiBox-root-438 MuiBox-root-744"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -4321,21 +4321,21 @@ exports[`Landing Renders mobile version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-744"
+            class="makeStyles-position-745"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
           />
           <img
             alt="WETH logo"
-            class="makeStyles-position-745"
+            class="makeStyles-position-746"
             height="32"
             src="/assets/icons/weth.svg"
             width="32"
@@ -4359,10 +4359,10 @@ exports[`Landing Renders mobile version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-746 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-747 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-747 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-748 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -4388,7 +4388,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-750"
+            class="MuiBox-root-438 MuiBox-root-751"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -4424,28 +4424,28 @@ exports[`Landing Renders mobile version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="bb-a-USDT logo"
-            class="makeStyles-position-751"
+            class="makeStyles-position-752"
             height="32"
             src="/assets/icons/bb-a-usdt.svg"
             width="32"
           />
           <img
             alt="bb-a-DAI logo"
-            class="makeStyles-position-752"
+            class="makeStyles-position-753"
             height="32"
             src="/assets/icons/bb-a-dai.svg"
             width="32"
           />
           <img
             alt="bb-a-USDC logo"
-            class="makeStyles-position-753"
+            class="makeStyles-position-754"
             height="32"
             src="/assets/icons/bb-a-usdc.svg"
             width="32"
@@ -4469,10 +4469,10 @@ exports[`Landing Renders mobile version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-754 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-755 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-755 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-756 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -4488,7 +4488,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-756 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-438 MuiBox-root-757 makeStyles-yieldBearingRewards-437"
             >
               <a
                 class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
@@ -4521,7 +4521,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-759"
+            class="MuiBox-root-438 MuiBox-root-760"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -4557,21 +4557,21 @@ exports[`Landing Renders mobile version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="renBTC logo"
-            class="makeStyles-position-760"
+            class="makeStyles-position-761"
             height="32"
             src="/assets/icons/renbtc.svg"
             width="32"
           />
           <img
             alt="WBTC logo"
-            class="makeStyles-position-761"
+            class="makeStyles-position-762"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
@@ -4595,10 +4595,10 @@ exports[`Landing Renders mobile version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-762 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-763 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-763 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-764 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -4614,7 +4614,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-764 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-438 MuiBox-root-765 makeStyles-yieldBearingRewards-437"
             >
               <a
                 class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
@@ -4647,7 +4647,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-767"
+            class="MuiBox-root-438 MuiBox-root-768"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -4683,28 +4683,28 @@ exports[`Landing Renders mobile version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="USDT logo"
-            class="makeStyles-position-768"
+            class="makeStyles-position-769"
             height="32"
             src="/assets/icons/usdt.svg"
             width="32"
           />
           <img
             alt="WBTC logo"
-            class="makeStyles-position-769"
+            class="makeStyles-position-770"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
           />
           <img
             alt="WETH logo"
-            class="makeStyles-position-770"
+            class="makeStyles-position-771"
             height="32"
             src="/assets/icons/weth.svg"
             width="32"
@@ -4728,10 +4728,10 @@ exports[`Landing Renders mobile version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-771 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-772 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-772 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-773 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -4747,7 +4747,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-773 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-438 MuiBox-root-774 makeStyles-yieldBearingRewards-437"
             >
               <a
                 class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
@@ -4780,7 +4780,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-776"
+            class="MuiBox-root-438 MuiBox-root-777"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -5052,14 +5052,14 @@ exports[`Landing Renders tablet version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="CVX logo"
-            class="makeStyles-position-653"
+            class="makeStyles-position-654"
             height="32"
             src="/assets/icons/cvx.svg"
             width="32"
@@ -5083,10 +5083,10 @@ exports[`Landing Renders tablet version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-654 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-655 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-655 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-656 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -5102,7 +5102,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-656 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-438 MuiBox-root-657 makeStyles-yieldBearingRewards-437"
             >
               <a
                 class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
@@ -5135,7 +5135,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-659"
+            class="MuiBox-root-438 MuiBox-root-660"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -5171,14 +5171,14 @@ exports[`Landing Renders tablet version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="cvxCRV logo"
-            class="makeStyles-position-660"
+            class="makeStyles-position-661"
             height="32"
             src="/assets/icons/cvxcrv.svg"
             width="32"
@@ -5202,10 +5202,10 @@ exports[`Landing Renders tablet version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-661 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-662 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-662 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-663 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -5221,7 +5221,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-663 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-438 MuiBox-root-664 makeStyles-yieldBearingRewards-437"
             >
               <a
                 class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
@@ -5254,7 +5254,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-666"
+            class="MuiBox-root-438 MuiBox-root-667"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -5316,14 +5316,14 @@ exports[`Landing Renders tablet version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="AURA logo"
-            class="makeStyles-position-667"
+            class="makeStyles-position-668"
             height="32"
             src="/assets/icons/aura.svg"
             width="32"
@@ -5347,10 +5347,10 @@ exports[`Landing Renders tablet version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-668 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-669 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-669 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-670 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -5366,7 +5366,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-670 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-438 MuiBox-root-671 makeStyles-yieldBearingRewards-437"
             >
               <a
                 class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
@@ -5399,7 +5399,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-673"
+            class="MuiBox-root-438 MuiBox-root-674"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -5435,14 +5435,14 @@ exports[`Landing Renders tablet version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="auraBAL logo"
-            class="makeStyles-position-674"
+            class="makeStyles-position-675"
             height="32"
             src="/assets/icons/aurabal.svg"
             width="32"
@@ -5466,10 +5466,10 @@ exports[`Landing Renders tablet version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-675 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-676 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-676 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-677 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -5485,7 +5485,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-677 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-438 MuiBox-root-678 makeStyles-yieldBearingRewards-437"
             >
               <a
                 class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
@@ -5518,7 +5518,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-680"
+            class="MuiBox-root-438 MuiBox-root-681"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -5567,28 +5567,28 @@ exports[`Landing Renders tablet version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="auraBAL logo"
-            class="makeStyles-position-681"
+            class="makeStyles-position-682"
             height="32"
             src="/assets/icons/aurabal.svg"
             width="32"
           />
           <img
             alt="graviAURA logo"
-            class="makeStyles-position-682"
+            class="makeStyles-position-683"
             height="32"
             src="/assets/icons/graviaura.svg"
             width="32"
           />
           <img
             alt="WETH logo"
-            class="makeStyles-position-683"
+            class="makeStyles-position-684"
             height="32"
             src="/assets/icons/weth.svg"
             width="32"
@@ -5612,10 +5612,10 @@ exports[`Landing Renders tablet version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-684 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-685 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-685 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-686 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -5631,7 +5631,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-686 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-438 MuiBox-root-687 makeStyles-yieldBearingRewards-437"
             >
               <a
                 class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
@@ -5664,7 +5664,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-689"
+            class="MuiBox-root-438 MuiBox-root-690"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -5700,21 +5700,21 @@ exports[`Landing Renders tablet version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-690"
+            class="makeStyles-position-691"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
           />
           <img
             alt="BADGER logo"
-            class="makeStyles-position-691"
+            class="makeStyles-position-692"
             height="32"
             src="/assets/icons/badger.svg"
             width="32"
@@ -5738,10 +5738,10 @@ exports[`Landing Renders tablet version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-692 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-693 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-693 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-694 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -5757,7 +5757,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-694 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-438 MuiBox-root-695 makeStyles-yieldBearingRewards-437"
             >
               <a
                 class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
@@ -5790,7 +5790,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-697"
+            class="MuiBox-root-438 MuiBox-root-698"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -5826,28 +5826,28 @@ exports[`Landing Renders tablet version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-698"
+            class="makeStyles-position-699"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
           />
           <img
             alt="DIGG logo"
-            class="makeStyles-position-699"
+            class="makeStyles-position-700"
             height="32"
             src="/assets/icons/digg.svg"
             width="32"
           />
           <img
             alt="graviAURA logo"
-            class="makeStyles-position-700"
+            class="makeStyles-position-701"
             height="32"
             src="/assets/icons/graviaura.svg"
             width="32"
@@ -5871,10 +5871,10 @@ exports[`Landing Renders tablet version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-701 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-702 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-702 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-703 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -5890,7 +5890,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-703 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-438 MuiBox-root-704 makeStyles-yieldBearingRewards-437"
             >
               <a
                 class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
@@ -5923,7 +5923,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-706"
+            class="MuiBox-root-438 MuiBox-root-707"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -5959,21 +5959,21 @@ exports[`Landing Renders tablet version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="CVX logo"
-            class="makeStyles-position-707"
+            class="makeStyles-position-708"
             height="32"
             src="/assets/icons/cvx.svg"
             width="32"
           />
           <img
             alt="bveCVX logo"
-            class="makeStyles-position-708"
+            class="makeStyles-position-709"
             height="32"
             src="/assets/icons/bvecvx.svg"
             width="32"
@@ -5997,10 +5997,10 @@ exports[`Landing Renders tablet version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-709 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-710 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-710 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-711 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -6016,7 +6016,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-711 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-438 MuiBox-root-712 makeStyles-yieldBearingRewards-437"
             >
               <a
                 class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
@@ -6049,7 +6049,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-714"
+            class="MuiBox-root-438 MuiBox-root-715"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -6085,21 +6085,21 @@ exports[`Landing Renders tablet version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="wibBTC logo"
-            class="makeStyles-position-715"
+            class="makeStyles-position-716"
             height="32"
             src="/assets/icons/wibbtc.svg"
             width="32"
           />
           <img
             alt="crvRenWSBTC logo"
-            class="makeStyles-position-716"
+            class="makeStyles-position-717"
             height="32"
             src="/assets/icons/crvrenwsbtc.svg"
             width="32"
@@ -6123,10 +6123,10 @@ exports[`Landing Renders tablet version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-717 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-718 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-718 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-719 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -6142,7 +6142,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-719 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-438 MuiBox-root-720 makeStyles-yieldBearingRewards-437"
             >
               <a
                 class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
@@ -6175,7 +6175,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-722"
+            class="MuiBox-root-438 MuiBox-root-723"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -6224,21 +6224,21 @@ exports[`Landing Renders tablet version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="BADGER logo"
-            class="makeStyles-position-723"
+            class="makeStyles-position-724"
             height="32"
             src="/assets/icons/badger.svg"
             width="32"
           />
           <img
             alt="WBTC logo"
-            class="makeStyles-position-724"
+            class="makeStyles-position-725"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
@@ -6262,10 +6262,10 @@ exports[`Landing Renders tablet version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-725 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-726 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-726 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-727 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -6281,7 +6281,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-727 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-438 MuiBox-root-728 makeStyles-yieldBearingRewards-437"
             >
               <a
                 class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
@@ -6314,7 +6314,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-730"
+            class="MuiBox-root-438 MuiBox-root-731"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -6350,21 +6350,21 @@ exports[`Landing Renders tablet version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-731"
+            class="makeStyles-position-732"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
           />
           <img
             alt="BADGER logo"
-            class="makeStyles-position-732"
+            class="makeStyles-position-733"
             height="32"
             src="/assets/icons/badger.svg"
             width="32"
@@ -6388,10 +6388,10 @@ exports[`Landing Renders tablet version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-733 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-734 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-734 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-735 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -6417,7 +6417,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-737"
+            class="MuiBox-root-438 MuiBox-root-738"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -6453,14 +6453,14 @@ exports[`Landing Renders tablet version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-738"
+            class="makeStyles-position-739"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
@@ -6484,10 +6484,10 @@ exports[`Landing Renders tablet version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-739 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-740 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-740 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-741 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -6513,7 +6513,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-743"
+            class="MuiBox-root-438 MuiBox-root-744"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -6549,21 +6549,21 @@ exports[`Landing Renders tablet version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-744"
+            class="makeStyles-position-745"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
           />
           <img
             alt="WETH logo"
-            class="makeStyles-position-745"
+            class="makeStyles-position-746"
             height="32"
             src="/assets/icons/weth.svg"
             width="32"
@@ -6587,10 +6587,10 @@ exports[`Landing Renders tablet version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-746 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-747 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-747 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-748 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -6616,7 +6616,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-750"
+            class="MuiBox-root-438 MuiBox-root-751"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -6652,28 +6652,28 @@ exports[`Landing Renders tablet version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="bb-a-USDT logo"
-            class="makeStyles-position-751"
+            class="makeStyles-position-752"
             height="32"
             src="/assets/icons/bb-a-usdt.svg"
             width="32"
           />
           <img
             alt="bb-a-DAI logo"
-            class="makeStyles-position-752"
+            class="makeStyles-position-753"
             height="32"
             src="/assets/icons/bb-a-dai.svg"
             width="32"
           />
           <img
             alt="bb-a-USDC logo"
-            class="makeStyles-position-753"
+            class="makeStyles-position-754"
             height="32"
             src="/assets/icons/bb-a-usdc.svg"
             width="32"
@@ -6697,10 +6697,10 @@ exports[`Landing Renders tablet version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-754 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-755 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-755 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-756 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -6716,7 +6716,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-756 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-438 MuiBox-root-757 makeStyles-yieldBearingRewards-437"
             >
               <a
                 class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
@@ -6749,7 +6749,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-759"
+            class="MuiBox-root-438 MuiBox-root-760"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -6785,21 +6785,21 @@ exports[`Landing Renders tablet version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="renBTC logo"
-            class="makeStyles-position-760"
+            class="makeStyles-position-761"
             height="32"
             src="/assets/icons/renbtc.svg"
             width="32"
           />
           <img
             alt="WBTC logo"
-            class="makeStyles-position-761"
+            class="makeStyles-position-762"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
@@ -6823,10 +6823,10 @@ exports[`Landing Renders tablet version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-762 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-763 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-763 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-764 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -6842,7 +6842,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-764 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-438 MuiBox-root-765 makeStyles-yieldBearingRewards-437"
             >
               <a
                 class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
@@ -6875,7 +6875,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-767"
+            class="MuiBox-root-438 MuiBox-root-768"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"
@@ -6911,28 +6911,28 @@ exports[`Landing Renders tablet version correctly 1`] = `
       class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-650 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
           class="makeStyles-root-396"
         >
           <img
             alt="USDT logo"
-            class="makeStyles-position-768"
+            class="makeStyles-position-769"
             height="32"
             src="/assets/icons/usdt.svg"
             width="32"
           />
           <img
             alt="WBTC logo"
-            class="makeStyles-position-769"
+            class="makeStyles-position-770"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
           />
           <img
             alt="WETH logo"
-            class="makeStyles-position-770"
+            class="makeStyles-position-771"
             height="32"
             src="/assets/icons/weth.svg"
             width="32"
@@ -6956,10 +6956,10 @@ exports[`Landing Renders tablet version correctly 1`] = `
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-771 makeStyles-root-432"
+            class="MuiBox-root-438 MuiBox-root-772 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-772 makeStyles-aprDisplay-435"
+              class="MuiBox-root-438 MuiBox-root-773 makeStyles-aprDisplay-435"
             >
               <p
                 class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
@@ -6975,7 +6975,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-773 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-438 MuiBox-root-774 makeStyles-yieldBearingRewards-437"
             >
               <a
                 class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
@@ -7008,7 +7008,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-776"
+            class="MuiBox-root-438 MuiBox-root-777"
           >
             <p
               class="MuiTypography-root-13 MuiTypography-body1-15"