From 2ae99131ff8b34760c00fb16111201ff1c3809d1 Mon Sep 17 00:00:00 2001
From: mrbasado <mrbasado@protonmail.com>
Date: Tue, 20 Sep 2022 15:07:19 -0500
Subject: [PATCH 1/4] chore: remove apy evolution flag

---
 .env                                          |    1 -
 .../VaultApyBreakdownItem/index.tsx           |  183 +-
 .../VaultApyInformation/index.tsx             |  267 +-
 .../VaultFiltersDialog.tsx                    |   12 -
 .../VaultsSearchControls.tsx                  |   10 -
 src/components-v2/landing/VaultItemApr.tsx    |   14 +-
 src/config/environment.ts                     |    1 -
 src/pages/Landing.tsx                         |    3 +-
 src/tests/__snapshots__/Landing.test.tsx.snap | 3552 ++++++++++-------
 src/tests/vaults/VaultFiltersDialog.test.tsx  |   25 -
 src/tests/vaults/VaultsSearchControl.test.tsx |   24 -
 .../VaultFiltersDialog.test.tsx.snap          |   71 +-
 .../VaultListDisplay.test.tsx.snap            |  485 ++-
 .../VaultsSearchControl.test.tsx.snap         |  291 +-
 14 files changed, 2747 insertions(+), 2192 deletions(-)

diff --git a/.env b/.env
index 2aaca05fa..c2cd773e5 100644
--- a/.env
+++ b/.env
@@ -1,5 +1,4 @@
 ESLINT_NO_DEV_ERRORS=true
 EXTEND_ESLINT = true
 REACT_APP_GOVERNANCE_TIMELOCK = false
-REACT_APP_APY_EVOLUTION=true
 REACT_APP_GRAVIAURA_CHART=false
diff --git a/src/components-v2/VaultApyBreakdownItem/index.tsx b/src/components-v2/VaultApyBreakdownItem/index.tsx
index 4b2938468..31af58abd 100644
--- a/src/components-v2/VaultApyBreakdownItem/index.tsx
+++ b/src/components-v2/VaultApyBreakdownItem/index.tsx
@@ -3,7 +3,6 @@ import { Box, Grid, Link, makeStyles, Theme, Typography } from '@material-ui/cor
 import TokenLogo from 'components-v2/TokenLogo';
 import { YieldValueSource } from 'components-v2/VaultApyInformation';
 import { getYieldBearingVaultBySourceName } from 'components-v2/YieldBearingVaults/YieldBearingVaultUtil';
-import { FLAGS } from 'config/environment';
 import { MAX_BOOST_RANK } from 'config/system/boost-ranks';
 import { StoreContext } from 'mobx/stores/store-context';
 import { observer } from 'mobx-react-lite';
@@ -80,146 +79,88 @@ const VaultApyBreakdownItem = ({ vault, source }: Props): JSX.Element => {
     await router.goTo(routes.boostOptimizer);
   };
 
-  if (FLAGS.APY_EVOLUTION) {
-    if (isBoostBreakdown && vault.boost.enabled) {
-      return (
-        <>
-          <Grid container className={classes.totalVaultRewardsRow}>
-            <Grid item xs={9}>
-              <Box display="flex" alignItems="center">
-                <TokenLogo
-                  width="24"
-                  height="24"
-                  token={{ symbol: source.yieldVault ? source.yieldVault.token : source.name }}
-                />
-                <Typography component="span">{`🚀 Boosted BADGER Rewards (max: ${numberWithCommas(
-                  source.maxApr.toFixed(2),
-                )}%)`}</Typography>
-              </Box>
-            </Grid>
-            <Grid item xs={3}>
-              <Typography align="right">{`${numberWithCommas(sourceApr.toFixed(2))}%`}</Typography>
-            </Grid>
-          </Grid>
-        </>
-      );
-    }
-
+  if (isBoostBreakdown && vault.boost.enabled) {
     return (
       <>
         <Grid container className={classes.totalVaultRewardsRow}>
           <Grid item xs={9}>
-            <Box display="flex" alignItems="center" className={classes.yieldSourceRow}>
+            <Box display="flex" alignItems="center">
               <TokenLogo
                 width="24"
                 height="24"
                 token={{ symbol: source.yieldVault ? source.yieldVault.token : source.name }}
               />
-              {!isFlywheelSource(source) ? (
-                <>
-                  <Typography component="span">{source.yieldVault ? source.yieldVault.token : source.name}</Typography>
-                  {source.yieldVault && (
-                    <>
-                      <Typography component="span" className={classes.earnedAs}>
-                        earned as
-                      </Typography>
-                      <img
-                        width="12"
-                        height="16"
-                        src="/assets/icons/yield-bearing-rewards.svg"
-                        alt="Yield-Bearing Rewards"
-                      />
-                      {source.yieldVault ? (
-                        <Link display="inline" className={classes.link} onClick={handleLinkClick}>
-                          <Typography component="span" color="primary">
-                            {source.yieldVault.vaultName}
-                          </Typography>
-                        </Link>
-                      ) : (
-                        <Typography component="span" color="primary">
-                          {source.name}
-                        </Typography>
-                      )}
-                    </>
-                  )}
-                </>
-              ) : (
-                //  showing source `Vault Flywheel` as Compounding of Yield-Bearing Rewards
-                <>
-                  <Typography component="span">Compounding</Typography>
-                  <Typography component="span" className={classes.earnedAs}>
-                    of
-                  </Typography>
-                  <img
-                    width="12"
-                    height="16"
-                    src="/assets/icons/yield-bearing-rewards.svg"
-                    alt="Yield-Bearing Rewards"
-                  />
-                  <Typography component="span" color="primary">
-                    Yield-Bearing Rewards
-                  </Typography>
-                </>
-              )}
+              <Typography component="span">{`🚀 Boosted BADGER Rewards (max: ${numberWithCommas(
+                source.maxApr.toFixed(2),
+              )}%)`}</Typography>
             </Box>
           </Grid>
           <Grid item xs={3}>
-            <Typography align="right">{numberWithCommas(source.apr.toFixed(2))}%</Typography>
+            <Typography align="right">{`${numberWithCommas(sourceApr.toFixed(2))}%`}</Typography>
           </Grid>
         </Grid>
       </>
     );
   }
 
-  if (isBoostBreakdown && vault.boost.enabled) {
-    return (
-      <Grid item container direction="column">
-        <Grid item container justifyContent="space-between">
-          <Grid item>
-            <Typography variant="body2" display="inline" color="textSecondary">
-              {`🚀 Boosted BADGER Rewards (max: ${numberWithCommas(source.maxApr.toFixed(2))}%)`}
-            </Typography>
-          </Grid>
-          <Grid item>
-            <Typography variant="body2" display="inline" color="textSecondary">
-              {`${numberWithCommas(sourceApr.toFixed(2))}%`}
-            </Typography>
-          </Grid>
-        </Grid>
-        {!!userBoost && !!boostContribution && (
-          <Grid item container>
-            <img
-              className={classes.apyBreakdownIcon}
-              src="/assets/icons/apy-breakdown-icon.svg"
-              alt="apy breakdown icon"
-            />
-            <Typography variant="body2" display="inline" color="textSecondary">
-              {`My Boost: ${userBoost}x`}
-            </Typography>
-            <Link color="primary" onClick={handleGoToCalculator} className={classes.link}>
-              <Typography variant="body2" display="inline" color="inherit" className={classes.calculatorLink}>
-                Go To Boost
-              </Typography>
-            </Link>
-          </Grid>
-        )}
-      </Grid>
-    );
-  }
-
   return (
-    <Grid item container justifyContent="space-between">
-      <Grid item>
-        <Typography variant="body2" display="inline" color="textSecondary">
-          {source.name}
-        </Typography>
-      </Grid>
-      <Grid item>
-        <Typography variant="body2" display="inline" color="textSecondary">
-          {`${numberWithCommas(sourceApr.toFixed(2))}%`}
-        </Typography>
+    <>
+      <Grid container className={classes.totalVaultRewardsRow}>
+        <Grid item xs={9}>
+          <Box display="flex" alignItems="center" className={classes.yieldSourceRow}>
+            <TokenLogo
+              width="24"
+              height="24"
+              token={{ symbol: source.yieldVault ? source.yieldVault.token : source.name }}
+            />
+            {!isFlywheelSource(source) ? (
+              <>
+                <Typography component="span">{source.yieldVault ? source.yieldVault.token : source.name}</Typography>
+                {source.yieldVault && (
+                  <>
+                    <Typography component="span" className={classes.earnedAs}>
+                      earned as
+                    </Typography>
+                    <img
+                      width="12"
+                      height="16"
+                      src="/assets/icons/yield-bearing-rewards.svg"
+                      alt="Yield-Bearing Rewards"
+                    />
+                    {source.yieldVault ? (
+                      <Link display="inline" className={classes.link} onClick={handleLinkClick}>
+                        <Typography component="span" color="primary">
+                          {source.yieldVault.vaultName}
+                        </Typography>
+                      </Link>
+                    ) : (
+                      <Typography component="span" color="primary">
+                        {source.name}
+                      </Typography>
+                    )}
+                  </>
+                )}
+              </>
+            ) : (
+              //  showing source `Vault Flywheel` as Compounding of Yield-Bearing Rewards
+              <>
+                <Typography component="span">Compounding</Typography>
+                <Typography component="span" className={classes.earnedAs}>
+                  of
+                </Typography>
+                <img width="12" height="16" src="/assets/icons/yield-bearing-rewards.svg" alt="Yield-Bearing Rewards" />
+                <Typography component="span" color="primary">
+                  Yield-Bearing Rewards
+                </Typography>
+              </>
+            )}
+          </Box>
+        </Grid>
+        <Grid item xs={3}>
+          <Typography align="right">{numberWithCommas(source.apr.toFixed(2))}%</Typography>
+        </Grid>
       </Grid>
-    </Grid>
+    </>
   );
 };
 
diff --git a/src/components-v2/VaultApyInformation/index.tsx b/src/components-v2/VaultApyInformation/index.tsx
index 514bb0d6e..be700be91 100644
--- a/src/components-v2/VaultApyInformation/index.tsx
+++ b/src/components-v2/VaultApyInformation/index.tsx
@@ -15,7 +15,6 @@ import CloseIcon from '@material-ui/icons/Close';
 import { isInfluenceVault } from 'components-v2/InfluenceVault/InfluenceVaultUtil';
 import TokenLogo from 'components-v2/TokenLogo';
 import { getYieldBearingVaultBySourceName } from 'components-v2/YieldBearingVaults/YieldBearingVaultUtil';
-import { FLAGS } from 'config/environment';
 import { YieldBearingVaultSource } from 'mobx/model/vaults/yield-bearing-vault-data';
 import { StoreContext } from 'mobx/stores/store-context';
 import { observer } from 'mobx-react-lite';
@@ -154,12 +153,11 @@ const VaultApyInformation = ({ open, onClose, boost, vault, projectedBoost }: Pr
   const sortedSources = sources
     .slice()
     .sort((a, b) => (isBadgerSource(b) ? -1 : b.performance.baseYield > a.performance.baseYield ? 1 : -1));
-  const badgerRewardsSources = sortedSources.filter(isBadgerSource);
+
   const harvestSources: YieldSourceDisplay[] = harvestPeriodSourcesApy;
   const additionalSources: YieldSourceDisplay[] = nonHarvestSourcesApy.map(yieldToValueSource);
   const totalCurrentSources = harvestSources.concat(additionalSources);
   const isNewVault = vault.state === VaultState.Experimental || vault.state === VaultState.Guarded;
-  const isInfluence = isInfluenceVault(vault.vaultToken);
 
   const handleGoToVault = async (event: MouseEvent<HTMLElement>) => {
     event.stopPropagation();
@@ -204,7 +202,7 @@ const VaultApyInformation = ({ open, onClose, boost, vault, projectedBoost }: Pr
       fullWidth
       classes={{ paper: classes.root }}
     >
-      <DialogTitle disableTypography className={`${classes.title} ${FLAGS.APY_EVOLUTION && classes.diaglogTitle}`}>
+      <DialogTitle disableTypography className={`${classes.title} ${classes.diaglogTitle}`}>
         <Grid container direction="column">
           <Grid item container justifyContent="space-between" alignItems="center">
             <Grid item xs="auto">
@@ -223,191 +221,110 @@ const VaultApyInformation = ({ open, onClose, boost, vault, projectedBoost }: Pr
           </Grid>
         </Grid>
       </DialogTitle>
-      {!FLAGS.APY_EVOLUTION && (
-        <DialogContent className={classes.content}>
-          <Grid container direction="column">
-            {!isNewVault && (
-              <div className={classes.historicAPY}>
-                <Grid item container justifyContent="space-between">
-                  <Grid item>
-                    <Typography variant="subtitle1" display="inline" color="textSecondary">
-                      Historic {vaults.vaultsFilters.showAPR ? 'APR' : 'APY'}
-                    </Typography>
-                  </Grid>
-                  <Grid item>
-                    <Typography variant="subtitle1" display="inline" color="textSecondary">
-                      {`${numberWithCommas(boost.toFixed(2))}%`}
-                    </Typography>
-                  </Grid>
-                </Grid>
-                <Divider className={classes.divider} />
-                {sortedSources.map(yieldToValueSource).map((source) => (
-                  <React.Fragment key={`historic-${source.name}`}>
-                    <VaultApyBreakdownItem vault={vault} source={source} />
-                    <Divider className={classes.divider} />
-                  </React.Fragment>
-                ))}
-              </div>
-            )}
-            {!isInfluence && projectedBoost !== null && (
-              <>
-                <Grid item container justifyContent="space-between">
-                  <Grid item>
-                    <Typography variant="subtitle1" display="inline" color="textSecondary">
-                      Current {vaults.vaultsFilters.showAPR ? 'APR' : 'APY'}
-                    </Typography>
-                  </Grid>
-                  <Grid item>
-                    <Typography variant="subtitle1" display="inline" color="textSecondary">
-                      {`${numberWithCommas(projectedBoost.toFixed(2))}%`}
-                    </Typography>
-                  </Grid>
-                </Grid>
-                <Divider className={classes.divider} />
-                {totalCurrentSources.map((token) => (
-                  <div key={`yield-apr-${token.name}`}>
-                    <Grid item container justifyContent="space-between">
-                      <Grid item>
-                        <Typography variant="body2" display="inline" color="textSecondary">
-                          {token.name}
-                        </Typography>
-                      </Grid>
-                      <Grid item>
-                        <Typography variant="body2" display="inline" color="textSecondary">
-                          {token?.apr && `${numberWithCommas(token.apr.toFixed(2))}%`}
-                        </Typography>
-                      </Grid>
-                    </Grid>
-                    <Divider className={classes.divider} />
-                  </div>
-                ))}
-                {badgerRewardsSources.map(yieldToValueSource).map((source) => (
-                  <React.Fragment key={`current-${source.name}`}>
-                    <VaultApyBreakdownItem vault={vault} source={source} />
-                    <Divider className={classes.divider} />
-                  </React.Fragment>
-                ))}
-              </>
-            )}
-            <Grid item className={classes.button}>
-              <Button color="primary" variant="contained" fullWidth onClick={handleGoToVault}>
-                GO TO VAULT
-              </Button>
+
+      {/* Yield Bearing Rewards */}
+      <DialogContent className={classes.totalVaultRewardsContainer}>
+        <Box className={classes.totalVaultRewards}>
+          <Grid container className={`${classes.totalVaultRewardsRow} ${classes.rowAsHead}`}>
+            <Grid item xs={6}>
+              <Typography component="h3">Total Vault Rewards</Typography>
+            </Grid>
+            <Grid item xs={6}>
+              <Box display="flex" justifyContent="flex-end" alignItems="center">
+                {isNewVault && (
+                  <>
+                    <img width="12" src="assets/icons/new-vault.svg" alt="New Vault" />
+                    <Typography component="span">New Vault</Typography>
+                  </>
+                )}
+                {useHistoricAPY ? (
+                  <>
+                    {' '}
+                    <Typography component="span">14-Day Historic APY</Typography>
+                    <Typography>{numberWithCommas(boost.toFixed(2))}%</Typography>
+                  </>
+                ) : (
+                  <Typography> {numberWithCommas(projectedBoost.toFixed(2))}%</Typography>
+                )}
+              </Box>
             </Grid>
           </Grid>
-        </DialogContent>
-      )}
+          <Divider className={classes.totalVaultRewardsDivider} />
+          <Grid container className={`${classes.totalVaultRewardsRow} ${classes.rowAsNote}`}>
+            <Grid item>Rewards earned by our strategies on your vault deposits</Grid>
+          </Grid>
+          {yieldSourcesApyList.map((yieldSource) => (
+            <Box key={`yieldSourcesApyList-${yieldSource.name}`}>
+              <Divider className={classes.totalVaultRewardsDivider} />
+              <VaultApyBreakdownItem vault={vault} source={yieldSource} />
+            </Box>
+          ))}
+        </Box>
 
-      {/* Yield Bearing Rewards */}
-      {FLAGS.APY_EVOLUTION && (
-        <DialogContent className={classes.totalVaultRewardsContainer}>
-          <Box className={classes.totalVaultRewards}>
+        {yieldBearingRewardsList.length > 0 && (
+          <Box className={classes.yieldBearingRewards}>
             <Grid container className={`${classes.totalVaultRewardsRow} ${classes.rowAsHead}`}>
-              <Grid item xs={6}>
-                <Typography component="h3">Total Vault Rewards</Typography>
-              </Grid>
-              <Grid item xs={6}>
-                <Box display="flex" justifyContent="flex-end" alignItems="center">
-                  {isNewVault && (
-                    <>
-                      <img width="12" src="assets/icons/new-vault.svg" alt="New Vault" />
-                      <Typography component="span">New Vault</Typography>
-                    </>
-                  )}
-                  {useHistoricAPY ? (
-                    <>
-                      {' '}
-                      <Typography component="span">14-Day Historic APY</Typography>
-                      <Typography>{numberWithCommas(boost.toFixed(2))}%</Typography>
-                    </>
-                  ) : (
-                    <Typography> {numberWithCommas(projectedBoost.toFixed(2))}%</Typography>
-                  )}
+              <Grid item xs={12}>
+                <Box display="flex" alignItems="center">
+                  <img
+                    width="15"
+                    height="20"
+                    src="assets/icons/yield-bearing-rewards.svg"
+                    alt="Yield-Bearing Rewards"
+                  />
+                  <Typography component="h3" color="primary">
+                    Yield-Bearing Rewards
+                  </Typography>
                 </Box>
               </Grid>
             </Grid>
             <Divider className={classes.totalVaultRewardsDivider} />
             <Grid container className={`${classes.totalVaultRewardsRow} ${classes.rowAsNote}`}>
-              <Grid item>Rewards earned by our strategies on your vault deposits</Grid>
+              <Grid item>These rewards continue earning rewards of their own, no claiming required </Grid>
             </Grid>
-            {yieldSourcesApyList.map((yieldSource) => (
-              <Box key={`yieldSourcesApyList-${yieldSource.name}`}>
+            {yieldBearingRewardsList.map((yieldSource) => (
+              <Box key={`yieldBearingRewardsList-${yieldSource.name}`}>
                 <Divider className={classes.totalVaultRewardsDivider} />
-                <VaultApyBreakdownItem vault={vault} source={yieldSource} />
+                <Grid container className={classes.totalVaultRewardsRow}>
+                  <Grid item xs={9}>
+                    <Box display="flex" alignItems="center" className={classes.yieldSourceRow}>
+                      <TokenLogo width="24" height="24" token={{ symbol: yieldSource.vaultName }} />
+                      <img
+                        width="12"
+                        height="16"
+                        src="assets/icons/yield-bearing-rewards.svg"
+                        alt="Yield-Bearing Rewards"
+                      />
+                      <Typography component="span" color="primary">
+                        {yieldSource.vaultName}
+                      </Typography>
+                      <Typography component="span" className={classes.earnedAs}>
+                        is
+                      </Typography>
+                      <Typography component="span"> {yieldSource.vaultDescription} </Typography>
+                    </Box>
+                  </Grid>
+                  <Grid item xs={3}>
+                    <Typography align="right">
+                      {numberWithCommas((vaults.getVault(yieldSource.vaultId)?.apy.baseYield ?? 0).toFixed(2))}%
+                    </Typography>
+                  </Grid>
+                </Grid>
               </Box>
             ))}
           </Box>
-
-          {yieldBearingRewardsList.length > 0 && (
-            <Box className={classes.yieldBearingRewards}>
-              <Grid container className={`${classes.totalVaultRewardsRow} ${classes.rowAsHead}`}>
-                <Grid item xs={12}>
-                  <Box display="flex" alignItems="center">
-                    <img
-                      width="15"
-                      height="20"
-                      src="assets/icons/yield-bearing-rewards.svg"
-                      alt="Yield-Bearing Rewards"
-                    />
-                    <Typography component="h3" color="primary">
-                      Yield-Bearing Rewards
-                    </Typography>
-                  </Box>
-                </Grid>
-              </Grid>
-              <Divider className={classes.totalVaultRewardsDivider} />
-              <Grid container className={`${classes.totalVaultRewardsRow} ${classes.rowAsNote}`}>
-                <Grid item>These rewards continue earning rewards of their own, no claiming required </Grid>
-              </Grid>
-              {yieldBearingRewardsList.map((yieldSource) => (
-                <Box key={`yieldBearingRewardsList-${yieldSource.name}`}>
-                  <Divider className={classes.totalVaultRewardsDivider} />
-                  <Grid container className={classes.totalVaultRewardsRow}>
-                    <Grid item xs={9}>
-                      <Box display="flex" alignItems="center" className={classes.yieldSourceRow}>
-                        <TokenLogo width="24" height="24" token={{ symbol: yieldSource.vaultName }} />
-                        <img
-                          width="12"
-                          height="16"
-                          src="assets/icons/yield-bearing-rewards.svg"
-                          alt="Yield-Bearing Rewards"
-                        />
-                        <Typography component="span" color="primary">
-                          {yieldSource.vaultName}
-                        </Typography>
-                        <Typography component="span" className={classes.earnedAs}>
-                          is
-                        </Typography>
-                        <Typography component="span"> {yieldSource.vaultDescription} </Typography>
-                      </Box>
-                    </Grid>
-                    <Grid item xs={3}>
-                      <Typography align="right">
-                        {numberWithCommas((vaults.getVault(yieldSource.vaultId)?.apy.baseYield ?? 0).toFixed(2))}%
-                      </Typography>
-                    </Grid>
-                  </Grid>
-                </Box>
-              ))}
-            </Box>
-          )}
-          <Grid item className={classes.button}>
-            <Typography
-              component="span"
-              variant="subtitle1"
-              color="textSecondary"
-              className={classes.feeDisclaimerText}
-            >
-              Fees have been deducted from APY estimates. See the vault details page for fee information.
-            </Typography>
-          </Grid>
-          <Grid item className={classes.button}>
-            <Button color="primary" variant="contained" fullWidth onClick={handleGoToVault}>
-              GO TO VAULT
-            </Button>
-          </Grid>
-        </DialogContent>
-      )}
+        )}
+        <Grid item className={classes.button}>
+          <Typography component="span" variant="subtitle1" color="textSecondary" className={classes.feeDisclaimerText}>
+            Fees have been deducted from APY estimates. See the vault details page for fee information.
+          </Typography>
+        </Grid>
+        <Grid item className={classes.button}>
+          <Button color="primary" variant="contained" fullWidth onClick={handleGoToVault}>
+            GO TO VAULT
+          </Button>
+        </Grid>
+      </DialogContent>
       {/* Yield Bearing Rewards */}
     </Dialog>
   );
diff --git a/src/components-v2/VaultSearchControls/VaultFiltersDialog.tsx b/src/components-v2/VaultSearchControls/VaultFiltersDialog.tsx
index fe6cff0a9..e1eaa6392 100644
--- a/src/components-v2/VaultSearchControls/VaultFiltersDialog.tsx
+++ b/src/components-v2/VaultSearchControls/VaultFiltersDialog.tsx
@@ -11,7 +11,6 @@ import {
   useTheme,
 } from '@material-ui/core';
 import CloseIcon from '@material-ui/icons/Close';
-import { FLAGS } from 'config/environment';
 import { StoreContext } from 'mobx/stores/store-context';
 import { observer } from 'mobx-react-lite';
 import React, { useCallback, useContext, useEffect, useState } from 'react';
@@ -19,7 +18,6 @@ import React, { useCallback, useContext, useEffect, useState } from 'react';
 import BoostedVaultsControl from './BoostedVaultsControl';
 import OnlyDepositsControl from './OnlyDepositsControl';
 import PortfolioDustControl from './PortfolioDustControl';
-import VaultsAprControl from './VaultsAprControl';
 import VaultSearchBar from './VaultSearchBar';
 import VaultsPlatformSelector from './VaultsPlatformSelector';
 import VaultsRewardsSelector from './VaultsRewardsSelector';
@@ -154,16 +152,6 @@ const VaultFiltersDialog = () => {
             <VaultSearchBar search={search} onChange={(change) => setSearch(change)} />
           </Grid>
         </Grid>
-        {!FLAGS.APY_EVOLUTION && (
-          <>
-            <Divider className={classes.divider} />
-            <Grid container>
-              <Grid item className={classes.apr}>
-                <VaultsAprControl showAPR={showAPR} onShowAPRChange={(checked) => setShowAPR(checked)} />
-              </Grid>
-            </Grid>
-          </>
-        )}
         <Divider className={classes.divider} />
         <Grid container spacing={2} justifyContent="flex-end">
           <Grid item>
diff --git a/src/components-v2/VaultSearchControls/VaultsSearchControls.tsx b/src/components-v2/VaultSearchControls/VaultsSearchControls.tsx
index 926e33189..c5937b31c 100644
--- a/src/components-v2/VaultSearchControls/VaultsSearchControls.tsx
+++ b/src/components-v2/VaultSearchControls/VaultsSearchControls.tsx
@@ -1,5 +1,4 @@
 import { Grid, makeStyles, Paper, useMediaQuery, useTheme } from '@material-ui/core';
-import { FLAGS } from 'config/environment';
 import { StoreContext } from 'mobx/stores/store-context';
 import { observer } from 'mobx-react-lite';
 import React, { useContext } from 'react';
@@ -9,7 +8,6 @@ import MobileFiltersButton from './MobileFiltersButton';
 import OnlyDepositsControl from './OnlyDepositsControl';
 import PortfolioDustControl from './PortfolioDustControl';
 import VaultFiltersDialogV2 from './VaultFiltersDialog';
-import VaultsAprControl from './VaultsAprControl';
 import VaultSearchInputsRow from './VaultSearchInputsRow';
 
 const useStyles = makeStyles((theme) => ({
@@ -77,14 +75,6 @@ const VaultsSearchControls = () => {
             />
           )}
         </div>
-        {!FLAGS.APY_EVOLUTION && (
-          <div>
-            <VaultsAprControl
-              showAPR={vaultsFilters.showAPR}
-              onShowAPRChange={(checked) => setVaultsFilter('showAPR', checked)}
-            />
-          </div>
-        )}
       </Grid>
       <VaultSearchInputsRow />
       <VaultFiltersDialogV2 />
diff --git a/src/components-v2/landing/VaultItemApr.tsx b/src/components-v2/landing/VaultItemApr.tsx
index e259af865..6bebb76df 100644
--- a/src/components-v2/landing/VaultItemApr.tsx
+++ b/src/components-v2/landing/VaultItemApr.tsx
@@ -4,7 +4,6 @@ import { makeStyles, Theme } from '@material-ui/core/styles';
 import { isInfluenceVault } from 'components-v2/InfluenceVault/InfluenceVaultUtil';
 import YieldBearingRewards from 'components-v2/YieldBearingVaults/YieldBearingRewards';
 import { getYieldBearingVaultBySourceName } from 'components-v2/YieldBearingVaults/YieldBearingVaultUtil';
-import { FLAGS } from 'config/environment';
 import { useVaultInformation } from 'hooks/useVaultInformation';
 import { StoreContext } from 'mobx/stores/store-context';
 import { numberWithCommas } from 'mobx/utils/helpers';
@@ -109,7 +108,7 @@ const VaultItemApr = ({ vault }: Props): JSX.Element => {
     <>
       <img src={'assets/icons/new-vault.svg'} alt="New Vault" /> New Vault
     </>
-  ) : FLAGS.APY_EVOLUTION && !useHistoricAPY ? (
+  ) : !useHistoricAPY ? (
     `${numberWithCommas(projectedVaultBoost.toFixed(2))}%`
   ) : (
     `${numberWithCommas(vaultBoost.toFixed(2))}%`
@@ -118,7 +117,7 @@ const VaultItemApr = ({ vault }: Props): JSX.Element => {
   return (
     <Box
       display="flex"
-      alignItems={FLAGS.APY_EVOLUTION ? 'flex-end' : 'flex-start'}
+      alignItems="flex-end"
       flexDirection="column"
       className={classes.root}
       onClick={(e) => e.stopPropagation()}
@@ -129,7 +128,7 @@ const VaultItemApr = ({ vault }: Props): JSX.Element => {
         </Typography>
         <img src="/assets/icons/apy-info.svg" className={classes.apyInfo} alt="apy info icon" />
       </Box>
-      {FLAGS.APY_EVOLUTION && yieldSourcesAprTotal > 0 && (
+      {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
@@ -140,13 +139,6 @@ const VaultItemApr = ({ vault }: Props): JSX.Element => {
           </Typography>
         </Box>
       )}
-      {!FLAGS.APY_EVOLUTION && !isInfluence && projectedVaultBoost !== null && (
-        <Box display="flex" onClick={handleApyInfoClick}>
-          <Typography className={classes.projectedApr}>
-            Current: {`${numberWithCommas(projectedVaultBoost.toFixed(2))}%`}
-          </Typography>
-        </Box>
-      )}
       <VaultApyInformation
         open={showApyInfo}
         vault={vault}
diff --git a/src/config/environment.ts b/src/config/environment.ts
index b1a373a84..3bb5d0e42 100644
--- a/src/config/environment.ts
+++ b/src/config/environment.ts
@@ -60,6 +60,5 @@ const toBool = (val: string | undefined): boolean => (val ? val.toLowerCase() ==
 
 export const FLAGS = {
   GOVERNANCE_TIMELOCK: toBool(process.env.REACT_APP_GOVERNANCE_TIMELOCK),
-  APY_EVOLUTION: toBool(process.env.REACT_APP_APY_EVOLUTION),
   GRAVIAURA_CHART: toBool(process.env.REACT_APP_GRAVIAURA_CHART),
 };
diff --git a/src/pages/Landing.tsx b/src/pages/Landing.tsx
index be5034faa..c66efef71 100644
--- a/src/pages/Landing.tsx
+++ b/src/pages/Landing.tsx
@@ -1,6 +1,5 @@
 import { makeStyles } from '@material-ui/core/styles';
 import VaultListTitle from 'components-v2/landing/VaultListTitle';
-import { FLAGS } from 'config/environment';
 import { observer } from 'mobx-react-lite';
 import React from 'react';
 
@@ -18,7 +17,7 @@ const Landing = observer(() => {
   const classes = useStyles();
   return (
     <LayoutContainer className={classes.root}>
-      {FLAGS.APY_EVOLUTION && <VaultListTitle />}
+      <VaultListTitle />
       <VaultsSearchControls />
       <VaultListDisplay />
     </LayoutContainer>
diff --git a/src/tests/__snapshots__/Landing.test.tsx.snap b/src/tests/__snapshots__/Landing.test.tsx.snap
index 110ea1a37..60f4b03c5 100644
--- a/src/tests/__snapshots__/Landing.test.tsx.snap
+++ b/src/tests/__snapshots__/Landing.test.tsx.snap
@@ -5,32 +5,51 @@ exports[`Landing Renders correctly 1`] = `
   <div
     class="MuiContainer-root-3 WithStyles(ForwardRef(Container))-root-2 makeStyles-root-1 MuiContainer-maxWidthLg-9"
   >
+    <h1
+      class="MuiTypography-root-13 makeStyles-title-11 MuiTypography-body1-15"
+    >
+      Do Less & Earn More with BadgerDAO
+    </h1>
+    <p
+      class="MuiTypography-root-13 makeStyles-subtitle-12 MuiTypography-body1-15"
+    >
+      Deposit to earn
+       
+      <a
+        class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+        href="#"
+      >
+        Yield-Bearing Rewards
+      </a>
+       
+      that automate and optimize yield from Aura and Convex positions
+    </p>
     <div
-      class="MuiPaper-root-14 makeStyles-paper-13 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      class="MuiPaper-root-76 makeStyles-paper-75 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-42 makeStyles-firstRow-11 MuiGrid-container-43 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-space-between-62"
+        class="MuiGrid-root-104 makeStyles-firstRow-73 MuiGrid-container-105 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-space-between-124"
       >
         <div>
           <label
-            class="MuiFormControlLabel-root-145 makeStyles-checkbox-12"
+            class="MuiFormControlLabel-root-207 makeStyles-checkbox-74"
           >
             <span
               aria-disabled="false"
-              class="MuiButtonBase-root-170 MuiIconButton-root-161 PrivateSwitchBase-root-157 MuiCheckbox-root-151 MuiCheckbox-colorPrimary-155 MuiIconButton-colorPrimary-165"
+              class="MuiButtonBase-root-232 MuiIconButton-root-223 PrivateSwitchBase-root-219 MuiCheckbox-root-213 MuiCheckbox-colorPrimary-217 MuiIconButton-colorPrimary-227"
             >
               <span
-                class="MuiIconButton-label-169"
+                class="MuiIconButton-label-231"
               >
                 <input
-                  class="PrivateSwitchBase-input-160"
+                  class="PrivateSwitchBase-input-222"
                   data-indeterminate="false"
                   type="checkbox"
                   value=""
                 />
                 <svg
                   aria-hidden="true"
-                  class="MuiSvgIcon-root-173"
+                  class="MuiSvgIcon-root-235"
                   focusable="false"
                   viewBox="0 0 24 24"
                 >
@@ -40,38 +59,38 @@ exports[`Landing Renders correctly 1`] = `
                 </svg>
               </span>
               <span
-                class="MuiTouchRipple-root-648"
+                class="MuiTouchRipple-root-638"
               />
             </span>
             <span
-              class="MuiTypography-root-182 MuiFormControlLabel-label-150 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiFormControlLabel-label-212 MuiTypography-body1-15"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body2-183"
+                class="MuiTypography-root-13 MuiTypography-body2-14"
               >
                 Only show deposits
               </p>
             </span>
           </label>
           <label
-            class="MuiFormControlLabel-root-145 makeStyles-checkbox-12"
+            class="MuiFormControlLabel-root-207 makeStyles-checkbox-74"
           >
             <span
               aria-disabled="false"
-              class="MuiButtonBase-root-170 MuiIconButton-root-161 PrivateSwitchBase-root-157 MuiCheckbox-root-151 MuiCheckbox-colorPrimary-155 MuiIconButton-colorPrimary-165"
+              class="MuiButtonBase-root-232 MuiIconButton-root-223 PrivateSwitchBase-root-219 MuiCheckbox-root-213 MuiCheckbox-colorPrimary-217 MuiIconButton-colorPrimary-227"
             >
               <span
-                class="MuiIconButton-label-169"
+                class="MuiIconButton-label-231"
               >
                 <input
-                  class="PrivateSwitchBase-input-160"
+                  class="PrivateSwitchBase-input-222"
                   data-indeterminate="false"
                   type="checkbox"
                   value=""
                 />
                 <svg
                   aria-hidden="true"
-                  class="MuiSvgIcon-root-173"
+                  class="MuiSvgIcon-root-235"
                   focusable="false"
                   viewBox="0 0 24 24"
                 >
@@ -81,38 +100,38 @@ exports[`Landing Renders correctly 1`] = `
                 </svg>
               </span>
               <span
-                class="MuiTouchRipple-root-648"
+                class="MuiTouchRipple-root-638"
               />
             </span>
             <span
-              class="MuiTypography-root-182 MuiFormControlLabel-label-150 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiFormControlLabel-label-212 MuiTypography-body1-15"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body2-183"
+                class="MuiTypography-root-13 MuiTypography-body2-14"
               >
                 Hide dust
               </p>
             </span>
           </label>
           <label
-            class="MuiFormControlLabel-root-145 makeStyles-label-212"
+            class="MuiFormControlLabel-root-207 makeStyles-label-244"
           >
             <span
               aria-disabled="false"
-              class="MuiButtonBase-root-170 MuiIconButton-root-161 PrivateSwitchBase-root-157 MuiCheckbox-root-151 MuiCheckbox-colorPrimary-155 MuiIconButton-colorPrimary-165"
+              class="MuiButtonBase-root-232 MuiIconButton-root-223 PrivateSwitchBase-root-219 MuiCheckbox-root-213 MuiCheckbox-colorPrimary-217 MuiIconButton-colorPrimary-227"
             >
               <span
-                class="MuiIconButton-label-169"
+                class="MuiIconButton-label-231"
               >
                 <input
-                  class="PrivateSwitchBase-input-160"
+                  class="PrivateSwitchBase-input-222"
                   data-indeterminate="false"
                   type="checkbox"
                   value=""
                 />
                 <svg
                   aria-hidden="true"
-                  class="MuiSvgIcon-root-173"
+                  class="MuiSvgIcon-root-235"
                   focusable="false"
                   viewBox="0 0 24 24"
                 >
@@ -122,82 +141,44 @@ exports[`Landing Renders correctly 1`] = `
                 </svg>
               </span>
               <span
-                class="MuiTouchRipple-root-648"
+                class="MuiTouchRipple-root-638"
               />
             </span>
             <span
-              class="MuiTypography-root-182 MuiFormControlLabel-label-150 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiFormControlLabel-label-212 MuiTypography-body1-15"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body2-183"
+                class="MuiTypography-root-13 MuiTypography-body2-14"
               >
                 🚀 Boosted Vaults
               </p>
             </span>
           </label>
         </div>
-        <div>
-          <div
-            aria-label="apy apr selector"
-            class="MuiButtonGroup-root-215"
-            role="group"
-          >
-            <button
-              aria-selected="true"
-              class="MuiButtonBase-root-170 MuiButton-root-239 MuiButton-outlined-244 MuiButtonGroup-grouped-221 MuiButtonGroup-groupedHorizontal-222 MuiButtonGroup-groupedOutlined-229 MuiButtonGroup-groupedOutlinedHorizontal-230 MuiButtonGroup-groupedOutlined-229 makeStyles-selected-213 makeStyles-button-214"
-              tabindex="0"
-              type="button"
-            >
-              <span
-                class="MuiButton-label-240"
-              >
-                APY
-              </span>
-              <span
-                class="MuiTouchRipple-root-648"
-              />
-            </button>
-            <button
-              aria-selected="false"
-              class="MuiButtonBase-root-170 MuiButton-root-239 MuiButton-outlined-244 MuiButtonGroup-grouped-221 MuiButtonGroup-groupedHorizontal-222 MuiButtonGroup-groupedOutlined-229 MuiButtonGroup-groupedOutlinedHorizontal-230 MuiButtonGroup-groupedOutlined-229 makeStyles-button-214"
-              tabindex="0"
-              type="button"
-            >
-              <span
-                class="MuiButton-label-240"
-              >
-                APR
-              </span>
-              <span
-                class="MuiTouchRipple-root-648"
-              />
-            </button>
-          </div>
-        </div>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-root-268 MuiGrid-container-43"
+        class="MuiGrid-root-104 makeStyles-root-245 MuiGrid-container-105"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiFormControl-root-271 makeStyles-formControl-269"
+            class="MuiFormControl-root-248 makeStyles-formControl-246"
           >
             <label
-              class="MuiFormLabel-root-287 MuiInputLabel-root-275 MuiInputLabel-formControl-281 MuiInputLabel-animated-284 MuiInputLabel-outlined-286"
+              class="MuiFormLabel-root-264 MuiInputLabel-root-252 MuiInputLabel-formControl-258 MuiInputLabel-animated-261 MuiInputLabel-outlined-263"
               data-shrink="false"
               id="status-selector-id-label"
             >
               Status
             </label>
             <div
-              class="MuiInputBase-root-321 MuiOutlinedInput-root-306 MuiInputBase-formControl-322"
+              class="MuiInputBase-root-298 MuiOutlinedInput-root-283 MuiInputBase-formControl-299"
             >
               <div
                 aria-haspopup="listbox"
                 aria-labelledby="status-selector-id-label status-selector"
-                class="MuiSelect-root-295 MuiSelect-select-296 MuiSelect-selectMenu-299 MuiSelect-outlined-298 MuiInputBase-input-332 MuiOutlinedInput-input-316"
+                class="MuiSelect-root-272 MuiSelect-select-273 MuiSelect-selectMenu-276 MuiSelect-outlined-275 MuiInputBase-input-309 MuiOutlinedInput-input-293"
                 id="status-selector"
                 role="button"
                 tabindex="0"
@@ -208,14 +189,14 @@ exports[`Landing Renders correctly 1`] = `
               </div>
               <input
                 aria-hidden="true"
-                class="MuiSelect-nativeInput-305"
+                class="MuiSelect-nativeInput-282"
                 data-testid="status-selector-input"
                 tabindex="-1"
                 value=""
               />
               <svg
                 aria-hidden="true"
-                class="MuiSvgIcon-root-173 MuiSelect-icon-301 MuiSelect-iconOutlined-304"
+                class="MuiSvgIcon-root-235 MuiSelect-icon-278 MuiSelect-iconOutlined-281"
                 focusable="false"
                 viewBox="0 0 24 24"
               >
@@ -225,10 +206,10 @@ exports[`Landing Renders correctly 1`] = `
               </svg>
               <fieldset
                 aria-hidden="true"
-                class="PrivateNotchedOutline-root-343 MuiOutlinedInput-notchedOutline-315"
+                class="PrivateNotchedOutline-root-320 MuiOutlinedInput-notchedOutline-292"
               >
                 <legend
-                  class="PrivateNotchedOutline-legendLabelled-345"
+                  class="PrivateNotchedOutline-legendLabelled-322"
                 >
                   <span>
                     Status
@@ -239,25 +220,25 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiFormControl-root-271 makeStyles-formControl-347"
+            class="MuiFormControl-root-248 makeStyles-formControl-324"
           >
             <label
-              class="MuiFormLabel-root-287 MuiInputLabel-root-275 MuiInputLabel-formControl-281 MuiInputLabel-animated-284 MuiInputLabel-outlined-286"
+              class="MuiFormLabel-root-264 MuiInputLabel-root-252 MuiInputLabel-formControl-258 MuiInputLabel-animated-261 MuiInputLabel-outlined-263"
               data-shrink="false"
               id="platform-selector-id-label"
             >
               Platform
             </label>
             <div
-              class="MuiInputBase-root-321 MuiOutlinedInput-root-306 MuiInputBase-formControl-322"
+              class="MuiInputBase-root-298 MuiOutlinedInput-root-283 MuiInputBase-formControl-299"
             >
               <div
                 aria-haspopup="listbox"
                 aria-labelledby="platform-selector-id-label platform-selector"
-                class="MuiSelect-root-295 MuiSelect-select-296 MuiSelect-selectMenu-299 MuiSelect-outlined-298 MuiInputBase-input-332 MuiOutlinedInput-input-316"
+                class="MuiSelect-root-272 MuiSelect-select-273 MuiSelect-selectMenu-276 MuiSelect-outlined-275 MuiInputBase-input-309 MuiOutlinedInput-input-293"
                 id="platform-selector"
                 role="button"
                 tabindex="0"
@@ -268,14 +249,14 @@ exports[`Landing Renders correctly 1`] = `
               </div>
               <input
                 aria-hidden="true"
-                class="MuiSelect-nativeInput-305"
+                class="MuiSelect-nativeInput-282"
                 data-testid="platform-selector-input"
                 tabindex="-1"
                 value=""
               />
               <svg
                 aria-hidden="true"
-                class="MuiSvgIcon-root-173 MuiSelect-icon-301 MuiSelect-iconOutlined-304"
+                class="MuiSvgIcon-root-235 MuiSelect-icon-278 MuiSelect-iconOutlined-281"
                 focusable="false"
                 viewBox="0 0 24 24"
               >
@@ -285,10 +266,10 @@ exports[`Landing Renders correctly 1`] = `
               </svg>
               <fieldset
                 aria-hidden="true"
-                class="PrivateNotchedOutline-root-343 MuiOutlinedInput-notchedOutline-315"
+                class="PrivateNotchedOutline-root-320 MuiOutlinedInput-notchedOutline-292"
               >
                 <legend
-                  class="PrivateNotchedOutline-legendLabelled-345"
+                  class="PrivateNotchedOutline-legendLabelled-322"
                 >
                   <span>
                     Platform
@@ -299,25 +280,25 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiFormControl-root-271 makeStyles-formControl-349"
+            class="MuiFormControl-root-248 makeStyles-formControl-326"
           >
             <label
-              class="MuiFormLabel-root-287 MuiInputLabel-root-275 MuiInputLabel-formControl-281 MuiInputLabel-animated-284 MuiInputLabel-outlined-286"
+              class="MuiFormLabel-root-264 MuiInputLabel-root-252 MuiInputLabel-formControl-258 MuiInputLabel-animated-261 MuiInputLabel-outlined-263"
               data-shrink="false"
               id="rewards-selector-id-label"
             >
               Rewards
             </label>
             <div
-              class="MuiInputBase-root-321 MuiOutlinedInput-root-306 MuiInputBase-formControl-322"
+              class="MuiInputBase-root-298 MuiOutlinedInput-root-283 MuiInputBase-formControl-299"
             >
               <div
                 aria-haspopup="listbox"
                 aria-labelledby="rewards-selector-id-label rewards-selector"
-                class="MuiSelect-root-295 MuiSelect-select-296 MuiSelect-selectMenu-299 MuiSelect-outlined-298 MuiInputBase-input-332 MuiOutlinedInput-input-316"
+                class="MuiSelect-root-272 MuiSelect-select-273 MuiSelect-selectMenu-276 MuiSelect-outlined-275 MuiInputBase-input-309 MuiOutlinedInput-input-293"
                 id="rewards-selector"
                 role="button"
                 tabindex="0"
@@ -328,14 +309,14 @@ exports[`Landing Renders correctly 1`] = `
               </div>
               <input
                 aria-hidden="true"
-                class="MuiSelect-nativeInput-305"
+                class="MuiSelect-nativeInput-282"
                 data-testid="rewards-selector-input"
                 tabindex="-1"
                 value=""
               />
               <svg
                 aria-hidden="true"
-                class="MuiSvgIcon-root-173 MuiSelect-icon-301 MuiSelect-iconOutlined-304"
+                class="MuiSvgIcon-root-235 MuiSelect-icon-278 MuiSelect-iconOutlined-281"
                 focusable="false"
                 viewBox="0 0 24 24"
               >
@@ -345,10 +326,10 @@ exports[`Landing Renders correctly 1`] = `
               </svg>
               <fieldset
                 aria-hidden="true"
-                class="PrivateNotchedOutline-root-343 MuiOutlinedInput-notchedOutline-315"
+                class="PrivateNotchedOutline-root-320 MuiOutlinedInput-notchedOutline-292"
               >
                 <legend
-                  class="PrivateNotchedOutline-legendLabelled-345"
+                  class="PrivateNotchedOutline-legendLabelled-322"
                 >
                   <span>
                     Rewards
@@ -359,37 +340,37 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-true-76 MuiGrid-grid-md-true-104 MuiGrid-grid-lg-6-124"
+          class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-true-138 MuiGrid-grid-md-true-166 MuiGrid-grid-lg-6-186"
         >
           <div
-            class="MuiFormControl-root-271 MuiTextField-root-353 makeStyles-root-351"
+            class="MuiFormControl-root-248 MuiTextField-root-330 makeStyles-root-328"
           >
             <div
-              class="MuiInputBase-root-321 MuiOutlinedInput-root-306 MuiInputBase-formControl-322 MuiInputBase-adornedEnd-326 MuiOutlinedInput-adornedEnd-311"
+              class="MuiInputBase-root-298 MuiOutlinedInput-root-283 MuiInputBase-formControl-299 MuiInputBase-adornedEnd-303 MuiOutlinedInput-adornedEnd-288"
             >
               <input
                 aria-invalid="false"
                 aria-label="Vault Search"
-                class="MuiInputBase-input-332 MuiOutlinedInput-input-316 MuiInputBase-inputAdornedEnd-337 MuiOutlinedInput-inputAdornedEnd-320"
+                class="MuiInputBase-input-309 MuiOutlinedInput-input-293 MuiInputBase-inputAdornedEnd-314 MuiOutlinedInput-inputAdornedEnd-297"
                 placeholder="Search by vault name, token, rewards..."
                 type="text"
                 value=""
               />
               <div
-                class="MuiInputAdornment-root-354 MuiInputAdornment-positionEnd-357"
+                class="MuiInputAdornment-root-331 MuiInputAdornment-positionEnd-334"
               >
                 <button
                   aria-label="search"
-                  class="MuiButtonBase-root-170 MuiIconButton-root-161 makeStyles-icon-352 MuiIconButton-sizeSmall-168"
+                  class="MuiButtonBase-root-232 MuiIconButton-root-223 makeStyles-icon-329 MuiIconButton-sizeSmall-230"
                   tabindex="0"
                   type="button"
                 >
                   <span
-                    class="MuiIconButton-label-169"
+                    class="MuiIconButton-label-231"
                   >
                     <svg
                       aria-hidden="true"
-                      class="MuiSvgIcon-root-173"
+                      class="MuiSvgIcon-root-235"
                       focusable="false"
                       viewBox="0 0 24 24"
                     >
@@ -399,17 +380,17 @@ exports[`Landing Renders correctly 1`] = `
                     </svg>
                   </span>
                   <span
-                    class="MuiTouchRipple-root-648"
+                    class="MuiTouchRipple-root-638"
                   />
                 </button>
               </div>
               <fieldset
                 aria-hidden="true"
-                class="PrivateNotchedOutline-root-343 MuiOutlinedInput-notchedOutline-315"
+                class="PrivateNotchedOutline-root-320 MuiOutlinedInput-notchedOutline-292"
                 style="padding-left: 8px;"
               >
                 <legend
-                  class="PrivateNotchedOutline-legend-344"
+                  class="PrivateNotchedOutline-legend-321"
                   style="width: 0.01px;"
                 >
                   <span>
@@ -421,186 +402,186 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+          class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
         >
           <button
-            class="MuiButtonBase-root-170 MuiButton-root-239 MuiButton-text-241 MuiButton-textPrimary-242 MuiButton-fullWidth-262"
+            class="MuiButtonBase-root-232 MuiButton-root-338 MuiButton-text-340 MuiButton-textPrimary-341 MuiButton-fullWidth-361"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiButton-label-240"
+              class="MuiButton-label-339"
             >
               CLEAR ALL
             </span>
             <span
-              class="MuiTouchRipple-root-648"
+              class="MuiTouchRipple-root-638"
             />
           </button>
         </div>
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiGrid-root-42 makeStyles-root-391 MuiGrid-container-43 MuiGrid-item-44 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      class="MuiPaper-root-76 MuiGrid-root-104 makeStyles-root-382 MuiGrid-container-105 MuiGrid-item-106 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
       >
         <div
-          class="MuiGrid-root-42 makeStyles-spacingItem-393 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+          class="MuiGrid-root-104 makeStyles-spacingItem-384 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
         />
         <div
-          class="MuiGrid-root-42 makeStyles-title-384 makeStyles-columnTitle-389 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
+          class="MuiGrid-root-104 makeStyles-title-375 makeStyles-columnTitle-380 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
         >
           <p
-            class="MuiTypography-root-182 makeStyles-title-384 MuiTypography-body2-183 MuiTypography-colorTextSecondary-208"
+            class="MuiTypography-root-13 makeStyles-title-375 MuiTypography-body2-14 MuiTypography-colorTextSecondary-39"
           >
             Vault
           </p>
           <button
             aria-label="sort descending by name"
-            class="MuiButtonBase-root-170 MuiIconButton-root-161 makeStyles-sortIcon-385 makeStyles-nonSetSort-387"
+            class="MuiButtonBase-root-232 MuiIconButton-root-223 makeStyles-sortIcon-376 makeStyles-nonSetSort-378"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-169"
+              class="MuiIconButton-label-231"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-385"
+                class="makeStyles-sortIcon-376"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-648"
+              class="MuiTouchRipple-root-638"
             />
           </button>
         </div>
         <div
-          class="MuiGrid-root-42 makeStyles-title-384 makeStyles-columnTitle-389 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 makeStyles-title-375 makeStyles-columnTitle-380 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body2-183 MuiTypography-colorTextSecondary-208"
+            class="MuiTypography-root-13 MuiTypography-body2-14 MuiTypography-colorTextSecondary-39"
           >
             APY
           </p>
           <button
             aria-label="sort descending by APR"
-            class="MuiButtonBase-root-170 MuiIconButton-root-161 makeStyles-sortIcon-385 makeStyles-nonSetSort-387"
+            class="MuiButtonBase-root-232 MuiIconButton-root-223 makeStyles-sortIcon-376 makeStyles-nonSetSort-378"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-169"
+              class="MuiIconButton-label-231"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-385"
+                class="makeStyles-sortIcon-376"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-648"
+              class="MuiTouchRipple-root-638"
             />
           </button>
         </div>
         <div
-          class="MuiGrid-root-42 makeStyles-title-384 makeStyles-columnTitle-389 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 makeStyles-title-375 makeStyles-columnTitle-380 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body2-183 MuiTypography-colorTextSecondary-208"
+            class="MuiTypography-root-13 MuiTypography-body2-14 MuiTypography-colorTextSecondary-39"
           >
             My Deposits
           </p>
           <button
             aria-label="sort descending by balance"
-            class="MuiButtonBase-root-170 MuiIconButton-root-161 makeStyles-sortIcon-385 makeStyles-nonSetSort-387"
+            class="MuiButtonBase-root-232 MuiIconButton-root-223 makeStyles-sortIcon-376 makeStyles-nonSetSort-378"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-169"
+              class="MuiIconButton-label-231"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-385"
+                class="makeStyles-sortIcon-376"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-648"
+              class="MuiTouchRipple-root-638"
             />
           </button>
         </div>
         <div
-          class="MuiGrid-root-42 makeStyles-title-384 makeStyles-columnTitle-389 makeStyles-tvlColumn-390 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 makeStyles-title-375 makeStyles-columnTitle-380 makeStyles-tvlColumn-381 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body2-183 MuiTypography-colorTextSecondary-208"
+            class="MuiTypography-root-13 MuiTypography-body2-14 MuiTypography-colorTextSecondary-39"
           >
             TVL
           </p>
           <button
             aria-label="sort descending by TVL"
-            class="MuiButtonBase-root-170 MuiIconButton-root-161 makeStyles-sortIcon-385 makeStyles-nonSetSort-387"
+            class="MuiButtonBase-root-232 MuiIconButton-root-223 makeStyles-sortIcon-376 makeStyles-nonSetSort-378"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-169"
+              class="MuiIconButton-label-231"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-385"
+                class="makeStyles-sortIcon-376"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-648"
+              class="MuiTouchRipple-root-638"
             />
           </button>
         </div>
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
         >
           <div
-            class="makeStyles-root-405"
+            class="makeStyles-root-396"
           >
             <img
               alt="CVX logo"
-              class="makeStyles-position-406"
+              class="makeStyles-position-397"
               src="/assets/icons/cvx.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
         >
           <h6
-            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
+            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
           >
             bveCVX
           </h6>
           <div
-            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
+            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
           >
             <div
-              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
             >
               <div
-                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
               >
                 <span
-                  class="MuiChip-label-433 MuiChip-labelSmall-434"
+                  class="MuiChip-label-424 MuiChip-labelSmall-425"
                 >
                   Convex
                 </span>
@@ -609,48 +590,69 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-448 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-439 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-449 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-440 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 28.32%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
+            <div
+              class="MuiBox-root-438 MuiBox-root-441 makeStyles-yieldBearingRewards-437"
+            >
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+              >
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                28.32
+                %
+              </span>
+            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-480"
+            class="MuiBox-root-438 MuiBox-root-463"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $6,450.00
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-484"
+            class="MuiBox-root-438 MuiBox-root-467"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $13,738,345
             </p>
@@ -659,69 +661,69 @@ exports[`Landing Renders correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
         >
           <div
-            class="makeStyles-root-405"
+            class="makeStyles-root-396"
           >
             <img
               alt="cvxCRV logo"
-              class="makeStyles-position-485"
+              class="makeStyles-position-468"
               src="/assets/icons/cvxcrv.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
         >
           <h6
-            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
+            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
           >
             cvxCRV
           </h6>
           <div
-            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
+            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
           >
             <div
-              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
             >
               <div
-                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
               >
                 <span
-                  class="MuiChip-label-433 MuiChip-labelSmall-434"
+                  class="MuiChip-label-424 MuiChip-labelSmall-425"
                 >
                   Convex
                 </span>
               </div>
             </div>
             <div
-              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
             >
               <div
-                class="MuiChip-root-411 makeStyles-tag-407 makeStyles-clickableTag-409 MuiChip-sizeSmall-412"
+                class="MuiChip-root-402 makeStyles-tag-398 makeStyles-clickableTag-400 MuiChip-sizeSmall-403"
               >
                 <span
-                  class="MuiChip-label-433 MuiChip-labelSmall-434"
+                  class="MuiChip-label-424 MuiChip-labelSmall-425"
                 >
                   Ecosystem Helper
                 </span>
               </div>
             </div>
             <div
-              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
             >
               <div
-                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
               >
                 <span
-                  class="MuiChip-label-433 MuiChip-labelSmall-434"
+                  class="MuiChip-label-424 MuiChip-labelSmall-425"
                 >
                   🚀 Boosted
                 </span>
@@ -730,48 +732,69 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-486 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-469 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-487 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-470 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 18.48%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
+            <div
+              class="MuiBox-root-438 MuiBox-root-471 makeStyles-yieldBearingRewards-437"
+            >
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+              >
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                28.32
+                %
+              </span>
+            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-490"
+            class="MuiBox-root-438 MuiBox-root-474"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $1,712.37
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-493"
+            class="MuiBox-root-438 MuiBox-root-477"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $3,609,918
             </p>
@@ -780,43 +803,43 @@ exports[`Landing Renders correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
         >
           <div
-            class="makeStyles-root-405"
+            class="makeStyles-root-396"
           >
             <img
               alt="AURA logo"
-              class="makeStyles-position-494"
+              class="makeStyles-position-478"
               src="/assets/icons/aura.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
         >
           <h6
-            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
+            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
           >
             graviAURA
           </h6>
           <div
-            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
+            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
           >
             <div
-              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
             >
               <div
-                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
               >
                 <span
-                  class="MuiChip-label-433 MuiChip-labelSmall-434"
+                  class="MuiChip-label-424 MuiChip-labelSmall-425"
                 >
                   Aura
                 </span>
@@ -825,48 +848,69 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-495 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-479 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-496 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-480 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 80.91%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
+            <div
+              class="MuiBox-root-438 MuiBox-root-481 makeStyles-yieldBearingRewards-437"
+            >
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+              >
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                80.91
+                %
+              </span>
+            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-499"
+            class="MuiBox-root-438 MuiBox-root-484"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $0
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-502"
+            class="MuiBox-root-438 MuiBox-root-487"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $2,753,168
             </p>
@@ -875,56 +919,56 @@ exports[`Landing Renders correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
         >
           <div
-            class="makeStyles-root-405"
+            class="makeStyles-root-396"
           >
             <img
               alt="auraBAL logo"
-              class="makeStyles-position-503"
+              class="makeStyles-position-488"
               src="/assets/icons/aurabal.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
         >
           <h6
-            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
+            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
           >
             auraBAL
           </h6>
           <div
-            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
+            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
           >
             <div
-              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
             >
               <div
-                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
               >
                 <span
-                  class="MuiChip-label-433 MuiChip-labelSmall-434"
+                  class="MuiChip-label-424 MuiChip-labelSmall-425"
                 >
                   Aura
                 </span>
               </div>
             </div>
             <div
-              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
             >
               <div
-                class="MuiChip-root-411 makeStyles-tag-407 makeStyles-clickableTag-409 MuiChip-sizeSmall-412"
+                class="MuiChip-root-402 makeStyles-tag-398 makeStyles-clickableTag-400 MuiChip-sizeSmall-403"
               >
                 <span
-                  class="MuiChip-label-433 MuiChip-labelSmall-434"
+                  class="MuiChip-label-424 MuiChip-labelSmall-425"
                 >
                   Ecosystem Helper
                 </span>
@@ -933,58 +977,69 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-504 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-489 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-505 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-490 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
-                14.91%
+                65.00%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
             <div
-              class="MuiBox-root-447 MuiBox-root-506"
+              class="MuiBox-root-438 MuiBox-root-491 makeStyles-yieldBearingRewards-437"
             >
-              <p
-                class="MuiTypography-root-182 makeStyles-projectedApr-445 MuiTypography-body1-184"
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
               >
-                Current: 
-                65.00%
-              </p>
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                80.91
+                %
+              </span>
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-509"
+            class="MuiBox-root-438 MuiBox-root-494"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $0
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-512"
+            class="MuiBox-root-438 MuiBox-root-497"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $836,428
             </p>
@@ -993,53 +1048,53 @@ exports[`Landing Renders correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
         >
           <div
-            class="makeStyles-root-405"
+            class="makeStyles-root-396"
           >
             <img
               alt="auraBAL logo"
-              class="makeStyles-position-513"
+              class="makeStyles-position-498"
               src="/assets/icons/aurabal.svg"
             />
             <img
               alt="graviAURA logo"
-              class="makeStyles-position-514"
+              class="makeStyles-position-499"
               src="/assets/icons/graviaura.svg"
             />
             <img
               alt="WETH logo"
-              class="makeStyles-position-515"
+              class="makeStyles-position-500"
               src="/assets/icons/weth.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
         >
           <h6
-            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
+            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
           >
             graviAURA/auraBAL/WETH
           </h6>
           <div
-            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
+            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
           >
             <div
-              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
             >
               <div
-                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
               >
                 <span
-                  class="MuiChip-label-433 MuiChip-labelSmall-434"
+                  class="MuiChip-label-424 MuiChip-labelSmall-425"
                 >
                   Aura
                 </span>
@@ -1048,58 +1103,69 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-516 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-501 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-517 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-502 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
-                56.93%
+                95.64%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
             <div
-              class="MuiBox-root-447 MuiBox-root-518"
+              class="MuiBox-root-438 MuiBox-root-503 makeStyles-yieldBearingRewards-437"
             >
-              <p
-                class="MuiTypography-root-182 makeStyles-projectedApr-445 MuiTypography-body1-184"
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
               >
-                Current: 
-                95.64%
-              </p>
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                80.91
+                %
+              </span>
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-521"
+            class="MuiBox-root-438 MuiBox-root-506"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $0
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-524"
+            class="MuiBox-root-438 MuiBox-root-509"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $106,996
             </p>
@@ -1108,48 +1174,48 @@ exports[`Landing Renders correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
         >
           <div
-            class="makeStyles-root-405"
+            class="makeStyles-root-396"
           >
             <img
               alt="WBTC logo"
-              class="makeStyles-position-525"
+              class="makeStyles-position-510"
               src="/assets/icons/wbtc.svg"
             />
             <img
               alt="BADGER logo"
-              class="makeStyles-position-526"
+              class="makeStyles-position-511"
               src="/assets/icons/badger.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
         >
           <h6
-            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
+            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
           >
             BADGER/WBTC
           </h6>
           <div
-            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
+            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
           >
             <div
-              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
             >
               <div
-                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
               >
                 <span
-                  class="MuiChip-label-433 MuiChip-labelSmall-434"
+                  class="MuiChip-label-424 MuiChip-labelSmall-425"
                 >
                   Aura
                 </span>
@@ -1158,58 +1224,69 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-527 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-512 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-528 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-513 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
-                62.26%
+                166.58%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
             <div
-              class="MuiBox-root-447 MuiBox-root-529"
+              class="MuiBox-root-438 MuiBox-root-514 makeStyles-yieldBearingRewards-437"
             >
-              <p
-                class="MuiTypography-root-182 makeStyles-projectedApr-445 MuiTypography-body1-184"
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
               >
-                Current: 
-                166.58%
-              </p>
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                80.91
+                %
+              </span>
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-532"
+            class="MuiBox-root-438 MuiBox-root-517"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $0
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-535"
+            class="MuiBox-root-438 MuiBox-root-520"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $2,739,793
             </p>
@@ -1218,53 +1295,53 @@ exports[`Landing Renders correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
         >
           <div
-            class="makeStyles-root-405"
+            class="makeStyles-root-396"
           >
             <img
               alt="WBTC logo"
-              class="makeStyles-position-536"
+              class="makeStyles-position-521"
               src="/assets/icons/wbtc.svg"
             />
             <img
               alt="DIGG logo"
-              class="makeStyles-position-537"
+              class="makeStyles-position-522"
               src="/assets/icons/digg.svg"
             />
             <img
               alt="graviAURA logo"
-              class="makeStyles-position-538"
+              class="makeStyles-position-523"
               src="/assets/icons/graviaura.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
         >
           <h6
-            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
+            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
           >
             graviAURA/DIGG/WBTC
           </h6>
           <div
-            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
+            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
           >
             <div
-              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
             >
               <div
-                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
               >
                 <span
-                  class="MuiChip-label-433 MuiChip-labelSmall-434"
+                  class="MuiChip-label-424 MuiChip-labelSmall-425"
                 >
                   Aura
                 </span>
@@ -1273,58 +1350,69 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-539 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-524 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-540 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-525 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
-                43.99%
+                5.08%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
             <div
-              class="MuiBox-root-447 MuiBox-root-541"
+              class="MuiBox-root-438 MuiBox-root-526 makeStyles-yieldBearingRewards-437"
             >
-              <p
-                class="MuiTypography-root-182 makeStyles-projectedApr-445 MuiTypography-body1-184"
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
               >
-                Current: 
-                5.08%
-              </p>
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                80.91
+                %
+              </span>
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-544"
+            class="MuiBox-root-438 MuiBox-root-529"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $0
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-547"
+            class="MuiBox-root-438 MuiBox-root-532"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $744,657
             </p>
@@ -1333,48 +1421,48 @@ exports[`Landing Renders correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
         >
           <div
-            class="makeStyles-root-405"
+            class="makeStyles-root-396"
           >
             <img
               alt="CVX logo"
-              class="makeStyles-position-548"
+              class="makeStyles-position-533"
               src="/assets/icons/cvx.svg"
             />
             <img
               alt="bveCVX logo"
-              class="makeStyles-position-549"
+              class="makeStyles-position-534"
               src="/assets/icons/bvecvx.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
         >
           <h6
-            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
+            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
           >
             CVX/bveCVX
           </h6>
           <div
-            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
+            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
           >
             <div
-              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
             >
               <div
-                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
               >
                 <span
-                  class="MuiChip-label-433 MuiChip-labelSmall-434"
+                  class="MuiChip-label-424 MuiChip-labelSmall-425"
                 >
                   Curve
                 </span>
@@ -1383,48 +1471,69 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-550 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-535 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-551 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-536 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 36.69%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
+            <div
+              class="MuiBox-root-438 MuiBox-root-537 makeStyles-yieldBearingRewards-437"
+            >
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+              >
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                28.32
+                %
+              </span>
+            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-554"
+            class="MuiBox-root-438 MuiBox-root-540"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $0
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-557"
+            class="MuiBox-root-438 MuiBox-root-543"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $832,345
             </p>
@@ -1433,61 +1542,61 @@ exports[`Landing Renders correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
         >
           <div
-            class="makeStyles-root-405"
+            class="makeStyles-root-396"
           >
             <img
               alt="wibBTC logo"
-              class="makeStyles-position-558"
+              class="makeStyles-position-544"
               src="/assets/icons/wibbtc.svg"
             />
             <img
               alt="crvRenWSBTC logo"
-              class="makeStyles-position-559"
+              class="makeStyles-position-545"
               src="/assets/icons/crvrenwsbtc.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
         >
           <h6
-            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
+            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
           >
             ibBTC/crvsBTC
           </h6>
           <div
-            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
+            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
           >
             <div
-              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
             >
               <div
-                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
               >
                 <span
-                  class="MuiChip-label-433 MuiChip-labelSmall-434"
+                  class="MuiChip-label-424 MuiChip-labelSmall-425"
                 >
                   Convex
                 </span>
               </div>
             </div>
             <div
-              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
             >
               <div
-                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
               >
                 <span
-                  class="MuiChip-label-433 MuiChip-labelSmall-434"
+                  class="MuiChip-label-424 MuiChip-labelSmall-425"
                 >
                   🚀 Boosted
                 </span>
@@ -1496,48 +1605,69 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-560 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-546 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-561 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-547 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 20.29%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
+            <div
+              class="MuiBox-root-438 MuiBox-root-548 makeStyles-yieldBearingRewards-437"
+            >
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+              >
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                28.32
+                %
+              </span>
+            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-564"
+            class="MuiBox-root-438 MuiBox-root-551"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $0
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-567"
+            class="MuiBox-root-438 MuiBox-root-554"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $19,814,734
             </p>
@@ -1546,48 +1676,48 @@ exports[`Landing Renders correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
         >
           <div
-            class="makeStyles-root-405"
+            class="makeStyles-root-396"
           >
             <img
               alt="BADGER logo"
-              class="makeStyles-position-568"
+              class="makeStyles-position-555"
               src="/assets/icons/badger.svg"
             />
             <img
               alt="WBTC logo"
-              class="makeStyles-position-569"
+              class="makeStyles-position-556"
               src="/assets/icons/wbtc.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
         >
           <h6
-            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
+            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
           >
             BADGER/WBTC
           </h6>
           <div
-            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
+            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
           >
             <div
-              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
             >
               <div
-                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
               >
                 <span
-                  class="MuiChip-label-433 MuiChip-labelSmall-434"
+                  class="MuiChip-label-424 MuiChip-labelSmall-425"
                 >
                   Convex
                 </span>
@@ -1596,48 +1726,69 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-570 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-557 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-571 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-558 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 4.77%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
+            <div
+              class="MuiBox-root-438 MuiBox-root-559 makeStyles-yieldBearingRewards-437"
+            >
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+              >
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                28.32
+                %
+              </span>
+            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-574"
+            class="MuiBox-root-438 MuiBox-root-562"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $0
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-577"
+            class="MuiBox-root-438 MuiBox-root-565"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $2,708,612
             </p>
@@ -1646,48 +1797,48 @@ exports[`Landing Renders correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
         >
           <div
-            class="makeStyles-root-405"
+            class="makeStyles-root-396"
           >
             <img
               alt="WBTC logo"
-              class="makeStyles-position-578"
+              class="makeStyles-position-566"
               src="/assets/icons/wbtc.svg"
             />
             <img
               alt="BADGER logo"
-              class="makeStyles-position-579"
+              class="makeStyles-position-567"
               src="/assets/icons/badger.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
         >
           <h6
-            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
+            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
           >
             wBTC/Badger
           </h6>
           <div
-            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
+            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
           >
             <div
-              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
             >
               <div
-                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
               >
                 <span
-                  class="MuiChip-label-433 MuiChip-labelSmall-434"
+                  class="MuiChip-label-424 MuiChip-labelSmall-425"
                 >
                   Sushiswap
                 </span>
@@ -1696,48 +1847,48 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-580 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-568 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-581 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-569 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 7.03%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-584"
+            class="MuiBox-root-438 MuiBox-root-572"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $0
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-587"
+            class="MuiBox-root-438 MuiBox-root-575"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $1,224,135
             </p>
@@ -1746,43 +1897,43 @@ exports[`Landing Renders correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
         >
           <div
-            class="makeStyles-root-405"
+            class="makeStyles-root-396"
           >
             <img
               alt="WBTC logo"
-              class="makeStyles-position-588"
+              class="makeStyles-position-576"
               src="/assets/icons/wbtc.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
         >
           <h6
-            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
+            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
           >
             wBTC
           </h6>
           <div
-            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
+            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
           >
             <div
-              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
             >
               <div
-                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
               >
                 <span
-                  class="MuiChip-label-433 MuiChip-labelSmall-434"
+                  class="MuiChip-label-424 MuiChip-labelSmall-425"
                 >
                   Yearn
                 </span>
@@ -1791,48 +1942,48 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-589 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-577 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-590 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-578 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 0.00%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-593"
+            class="MuiBox-root-438 MuiBox-root-581"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $0
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-596"
+            class="MuiBox-root-438 MuiBox-root-584"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $1,565,378
             </p>
@@ -1841,48 +1992,48 @@ exports[`Landing Renders correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
         >
           <div
-            class="makeStyles-root-405"
+            class="makeStyles-root-396"
           >
             <img
               alt="WBTC logo"
-              class="makeStyles-position-597"
+              class="makeStyles-position-585"
               src="/assets/icons/wbtc.svg"
             />
             <img
               alt="WETH logo"
-              class="makeStyles-position-598"
+              class="makeStyles-position-586"
               src="/assets/icons/weth.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
         >
           <h6
-            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
+            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
           >
             wBTC/wETH
           </h6>
           <div
-            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
+            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
           >
             <div
-              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
             >
               <div
-                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
               >
                 <span
-                  class="MuiChip-label-433 MuiChip-labelSmall-434"
+                  class="MuiChip-label-424 MuiChip-labelSmall-425"
                 >
                   Sushiswap
                 </span>
@@ -1891,48 +2042,48 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-599 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-587 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-600 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-588 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 2.23%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-603"
+            class="MuiBox-root-438 MuiBox-root-591"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $0
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-606"
+            class="MuiBox-root-438 MuiBox-root-594"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $7,835,152
             </p>
@@ -1941,53 +2092,53 @@ exports[`Landing Renders correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
         >
           <div
-            class="makeStyles-root-405"
+            class="makeStyles-root-396"
           >
             <img
               alt="bb-a-USDT logo"
-              class="makeStyles-position-607"
+              class="makeStyles-position-595"
               src="/assets/icons/bb-a-usdt.svg"
             />
             <img
               alt="bb-a-DAI logo"
-              class="makeStyles-position-608"
+              class="makeStyles-position-596"
               src="/assets/icons/bb-a-dai.svg"
             />
             <img
               alt="bb-a-USDC logo"
-              class="makeStyles-position-609"
+              class="makeStyles-position-597"
               src="/assets/icons/bb-a-usdc.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
         >
           <h6
-            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
+            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
           >
             bb-a-USD
           </h6>
           <div
-            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
+            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
           >
             <div
-              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
             >
               <div
-                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
               >
                 <span
-                  class="MuiChip-label-433 MuiChip-labelSmall-434"
+                  class="MuiChip-label-424 MuiChip-labelSmall-425"
                 >
                   Aura
                 </span>
@@ -1996,58 +2147,69 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-610 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-598 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-611 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-599 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
-                1.75%
+                6.89%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
             <div
-              class="MuiBox-root-447 MuiBox-root-612"
+              class="MuiBox-root-438 MuiBox-root-600 makeStyles-yieldBearingRewards-437"
             >
-              <p
-                class="MuiTypography-root-182 makeStyles-projectedApr-445 MuiTypography-body1-184"
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
               >
-                Current: 
-                6.89%
-              </p>
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                80.91
+                %
+              </span>
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-615"
+            class="MuiBox-root-438 MuiBox-root-603"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $0
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-618"
+            class="MuiBox-root-438 MuiBox-root-606"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $204,737
             </p>
@@ -2056,48 +2218,48 @@ exports[`Landing Renders correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
         >
           <div
-            class="makeStyles-root-405"
+            class="makeStyles-root-396"
           >
             <img
               alt="renBTC logo"
-              class="makeStyles-position-619"
+              class="makeStyles-position-607"
               src="/assets/icons/renbtc.svg"
             />
             <img
               alt="WBTC logo"
-              class="makeStyles-position-620"
+              class="makeStyles-position-608"
               src="/assets/icons/wbtc.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
         >
           <h6
-            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
+            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
           >
             renBTC/wBTC
           </h6>
           <div
-            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
+            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
           >
             <div
-              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
             >
               <div
-                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
               >
                 <span
-                  class="MuiChip-label-433 MuiChip-labelSmall-434"
+                  class="MuiChip-label-424 MuiChip-labelSmall-425"
                 >
                   Convex
                 </span>
@@ -2106,48 +2268,69 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-621 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-609 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-622 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-610 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 0.92%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
+            <div
+              class="MuiBox-root-438 MuiBox-root-611 makeStyles-yieldBearingRewards-437"
+            >
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+              >
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                28.32
+                %
+              </span>
+            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-625"
+            class="MuiBox-root-438 MuiBox-root-614"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $0
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-628"
+            class="MuiBox-root-438 MuiBox-root-617"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $13,628,486
             </p>
@@ -2156,53 +2339,53 @@ exports[`Landing Renders correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
         >
           <div
-            class="makeStyles-root-405"
+            class="makeStyles-root-396"
           >
             <img
               alt="USDT logo"
-              class="makeStyles-position-629"
+              class="makeStyles-position-618"
               src="/assets/icons/usdt.svg"
             />
             <img
               alt="WBTC logo"
-              class="makeStyles-position-630"
+              class="makeStyles-position-619"
               src="/assets/icons/wbtc.svg"
             />
             <img
               alt="WETH logo"
-              class="makeStyles-position-631"
+              class="makeStyles-position-620"
               src="/assets/icons/weth.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
         >
           <h6
-            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
+            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
           >
             Tricrypto2
           </h6>
           <div
-            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
+            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
           >
             <div
-              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
             >
               <div
-                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
               >
                 <span
-                  class="MuiChip-label-433 MuiChip-labelSmall-434"
+                  class="MuiChip-label-424 MuiChip-labelSmall-425"
                 >
                   Convex
                 </span>
@@ -2211,48 +2394,69 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-632 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-621 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-633 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-622 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 2.14%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
+            <div
+              class="MuiBox-root-438 MuiBox-root-623 makeStyles-yieldBearingRewards-437"
+            >
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+              >
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                28.32
+                %
+              </span>
+            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-636"
+            class="MuiBox-root-438 MuiBox-root-626"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $0
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <div
-            class="MuiBox-root-447 MuiBox-root-639"
+            class="MuiBox-root-438 MuiBox-root-629"
           >
             <p
-              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
+              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
             >
               $817,047
             </p>
@@ -2269,34 +2473,53 @@ exports[`Landing Renders mobile version correctly 1`] = `
   <div
     class="MuiContainer-root-3 WithStyles(ForwardRef(Container))-root-2 makeStyles-root-1 MuiContainer-maxWidthLg-9"
   >
+    <h1
+      class="MuiTypography-root-13 makeStyles-title-11 MuiTypography-body1-15"
+    >
+      Do Less & Earn More with BadgerDAO
+    </h1>
+    <p
+      class="MuiTypography-root-13 makeStyles-subtitle-12 MuiTypography-body1-15"
+    >
+      Deposit to earn
+       
+      <a
+        class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+        href="#"
+      >
+        Yield-Bearing Rewards
+      </a>
+       
+      that automate and optimize yield from Aura and Convex positions
+    </p>
     <div
-      class="MuiPaper-root-14 makeStyles-paper-13 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      class="MuiPaper-root-76 makeStyles-paper-75 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-42 MuiGrid-container-43"
+        class="MuiGrid-root-104 MuiGrid-container-105"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-true-138"
         >
           <label
-            class="MuiFormControlLabel-root-145"
+            class="MuiFormControlLabel-root-207"
           >
             <span
               aria-disabled="false"
-              class="MuiButtonBase-root-170 MuiIconButton-root-161 PrivateSwitchBase-root-157 MuiCheckbox-root-151 MuiCheckbox-colorPrimary-155 MuiIconButton-colorPrimary-165"
+              class="MuiButtonBase-root-232 MuiIconButton-root-223 PrivateSwitchBase-root-219 MuiCheckbox-root-213 MuiCheckbox-colorPrimary-217 MuiIconButton-colorPrimary-227"
             >
               <span
-                class="MuiIconButton-label-169"
+                class="MuiIconButton-label-231"
               >
                 <input
-                  class="PrivateSwitchBase-input-160"
+                  class="PrivateSwitchBase-input-222"
                   data-indeterminate="false"
                   type="checkbox"
                   value=""
                 />
                 <svg
                   aria-hidden="true"
-                  class="MuiSvgIcon-root-173"
+                  class="MuiSvgIcon-root-235"
                   focusable="false"
                   viewBox="0 0 24 24"
                 >
@@ -2306,14 +2529,14 @@ exports[`Landing Renders mobile version correctly 1`] = `
                 </svg>
               </span>
               <span
-                class="MuiTouchRipple-root-650"
+                class="MuiTouchRipple-root-640"
               />
             </span>
             <span
-              class="MuiTypography-root-182 MuiFormControlLabel-label-150 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiFormControlLabel-label-212 MuiTypography-body1-15"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body2-183"
+                class="MuiTypography-root-13 MuiTypography-body2-14"
               >
                 Only show deposits
               </p>
@@ -2321,24 +2544,24 @@ exports[`Landing Renders mobile version correctly 1`] = `
           </label>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <button
-            class="MuiButtonBase-root-170 MuiButton-root-239 MuiButton-text-241 makeStyles-button-648"
+            class="MuiButtonBase-root-232 MuiButton-root-338 MuiButton-text-340 makeStyles-button-638"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiButton-label-240 makeStyles-buttonLabel-649"
+              class="MuiButton-label-339 makeStyles-buttonLabel-639"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body2-183 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body2-14 MuiTypography-displayInline-41"
               >
                 Filters
               </p>
               <svg
                 aria-hidden="true"
-                class="MuiSvgIcon-root-173"
+                class="MuiSvgIcon-root-235"
                 focusable="false"
                 viewBox="0 0 24 24"
               >
@@ -2348,199 +2571,220 @@ exports[`Landing Renders mobile version correctly 1`] = `
               </svg>
             </span>
             <span
-              class="MuiTouchRipple-root-650"
+              class="MuiTouchRipple-root-640"
             />
           </button>
         </div>
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiGrid-root-42 makeStyles-root-391 MuiGrid-container-43 MuiGrid-item-44 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      class="MuiPaper-root-76 MuiGrid-root-104 makeStyles-root-382 MuiGrid-container-105 MuiGrid-item-106 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
       >
         <div
-          class="MuiGrid-root-42 makeStyles-spacingItem-393 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+          class="MuiGrid-root-104 makeStyles-spacingItem-384 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
         />
         <div
-          class="MuiGrid-root-42 makeStyles-title-384 makeStyles-columnTitle-389 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
+          class="MuiGrid-root-104 makeStyles-title-375 makeStyles-columnTitle-380 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
         >
           <p
-            class="MuiTypography-root-182 makeStyles-title-384 MuiTypography-body2-183 MuiTypography-colorTextSecondary-208"
+            class="MuiTypography-root-13 makeStyles-title-375 MuiTypography-body2-14 MuiTypography-colorTextSecondary-39"
           >
             Vault
           </p>
           <button
             aria-label="sort descending by name"
-            class="MuiButtonBase-root-170 MuiIconButton-root-161 makeStyles-sortIcon-385 makeStyles-nonSetSort-387"
+            class="MuiButtonBase-root-232 MuiIconButton-root-223 makeStyles-sortIcon-376 makeStyles-nonSetSort-378"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-169"
+              class="MuiIconButton-label-231"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-385"
+                class="makeStyles-sortIcon-376"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-650"
+              class="MuiTouchRipple-root-640"
             />
           </button>
         </div>
         <div
-          class="MuiGrid-root-42 makeStyles-title-384 makeStyles-columnTitle-389 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 makeStyles-title-375 makeStyles-columnTitle-380 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body2-183 MuiTypography-colorTextSecondary-208"
+            class="MuiTypography-root-13 MuiTypography-body2-14 MuiTypography-colorTextSecondary-39"
           >
             APY
           </p>
           <button
             aria-label="sort descending by APR"
-            class="MuiButtonBase-root-170 MuiIconButton-root-161 makeStyles-sortIcon-385 makeStyles-nonSetSort-387"
+            class="MuiButtonBase-root-232 MuiIconButton-root-223 makeStyles-sortIcon-376 makeStyles-nonSetSort-378"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-169"
+              class="MuiIconButton-label-231"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-385"
+                class="makeStyles-sortIcon-376"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-650"
+              class="MuiTouchRipple-root-640"
             />
           </button>
         </div>
         <div
-          class="MuiGrid-root-42 makeStyles-title-384 makeStyles-columnTitle-389 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 makeStyles-title-375 makeStyles-columnTitle-380 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body2-183 MuiTypography-colorTextSecondary-208"
+            class="MuiTypography-root-13 MuiTypography-body2-14 MuiTypography-colorTextSecondary-39"
           >
             My Deposits
           </p>
           <button
             aria-label="sort descending by balance"
-            class="MuiButtonBase-root-170 MuiIconButton-root-161 makeStyles-sortIcon-385 makeStyles-nonSetSort-387"
+            class="MuiButtonBase-root-232 MuiIconButton-root-223 makeStyles-sortIcon-376 makeStyles-nonSetSort-378"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-169"
+              class="MuiIconButton-label-231"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-385"
+                class="makeStyles-sortIcon-376"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-650"
+              class="MuiTouchRipple-root-640"
             />
           </button>
         </div>
         <div
-          class="MuiGrid-root-42 makeStyles-title-384 makeStyles-columnTitle-389 makeStyles-tvlColumn-390 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 makeStyles-title-375 makeStyles-columnTitle-380 makeStyles-tvlColumn-381 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body2-183 MuiTypography-colorTextSecondary-208"
+            class="MuiTypography-root-13 MuiTypography-body2-14 MuiTypography-colorTextSecondary-39"
           >
             TVL
           </p>
           <button
             aria-label="sort descending by TVL"
-            class="MuiButtonBase-root-170 MuiIconButton-root-161 makeStyles-sortIcon-385 makeStyles-nonSetSort-387"
+            class="MuiButtonBase-root-232 MuiIconButton-root-223 makeStyles-sortIcon-376 makeStyles-nonSetSort-378"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-169"
+              class="MuiIconButton-label-231"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-385"
+                class="makeStyles-sortIcon-376"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-650"
+              class="MuiTouchRipple-root-640"
             />
           </button>
         </div>
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="CVX logo"
-            class="makeStyles-position-663"
+            class="makeStyles-position-653"
             src="/assets/icons/cvx.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           bveCVX
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-664 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-654 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-665 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-655 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 28.32%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
+            <div
+              class="MuiBox-root-438 MuiBox-root-656 makeStyles-yieldBearingRewards-437"
+            >
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+              >
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                28.32
+                %
+              </span>
+            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-668"
+            class="MuiBox-root-438 MuiBox-root-659"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $6,450.00
             </p>
@@ -2548,19 +2792,19 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Convex
               </span>
@@ -2570,69 +2814,90 @@ exports[`Landing Renders mobile version correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="cvxCRV logo"
-            class="makeStyles-position-669"
+            class="makeStyles-position-660"
             src="/assets/icons/cvxcrv.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           cvxCRV
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-670 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-661 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-671 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-662 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 18.48%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
+            <div
+              class="MuiBox-root-438 MuiBox-root-663 makeStyles-yieldBearingRewards-437"
+            >
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+              >
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                28.32
+                %
+              </span>
+            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-674"
+            class="MuiBox-root-438 MuiBox-root-666"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $1,712.37
             </p>
@@ -2640,45 +2905,45 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Convex
               </span>
             </div>
           </div>
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 makeStyles-clickableTag-409 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 makeStyles-clickableTag-400 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Ecosystem Helper
               </span>
             </div>
           </div>
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 🚀 Boosted
               </span>
@@ -2688,69 +2953,90 @@ exports[`Landing Renders mobile version correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="AURA logo"
-            class="makeStyles-position-675"
+            class="makeStyles-position-667"
             src="/assets/icons/aura.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           graviAURA
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-676 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-668 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-677 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-669 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 80.91%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
+            <div
+              class="MuiBox-root-438 MuiBox-root-670 makeStyles-yieldBearingRewards-437"
+            >
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+              >
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                80.91
+                %
+              </span>
+            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-680"
+            class="MuiBox-root-438 MuiBox-root-673"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $0
             </p>
@@ -2758,19 +3044,19 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Aura
               </span>
@@ -2780,79 +3066,90 @@ exports[`Landing Renders mobile version correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="auraBAL logo"
-            class="makeStyles-position-681"
+            class="makeStyles-position-674"
             src="/assets/icons/aurabal.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           auraBAL
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-682 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-675 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-683 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-676 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
-                14.91%
+                65.00%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
             <div
-              class="MuiBox-root-447 MuiBox-root-684"
+              class="MuiBox-root-438 MuiBox-root-677 makeStyles-yieldBearingRewards-437"
             >
-              <p
-                class="MuiTypography-root-182 makeStyles-projectedApr-445 MuiTypography-body1-184"
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
               >
-                Current: 
-                65.00%
-              </p>
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                80.91
+                %
+              </span>
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-687"
+            class="MuiBox-root-438 MuiBox-root-680"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $0
             </p>
@@ -2860,32 +3157,32 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Aura
               </span>
             </div>
           </div>
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 makeStyles-clickableTag-409 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 makeStyles-clickableTag-400 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Ecosystem Helper
               </span>
@@ -2895,89 +3192,100 @@ exports[`Landing Renders mobile version correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="auraBAL logo"
-            class="makeStyles-position-688"
+            class="makeStyles-position-681"
             src="/assets/icons/aurabal.svg"
           />
           <img
             alt="graviAURA logo"
-            class="makeStyles-position-689"
+            class="makeStyles-position-682"
             src="/assets/icons/graviaura.svg"
           />
           <img
             alt="WETH logo"
-            class="makeStyles-position-690"
+            class="makeStyles-position-683"
             src="/assets/icons/weth.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           graviAURA/auraBAL/WETH
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-691 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-684 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-692 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-685 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
-                56.93%
+                95.64%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
             <div
-              class="MuiBox-root-447 MuiBox-root-693"
+              class="MuiBox-root-438 MuiBox-root-686 makeStyles-yieldBearingRewards-437"
             >
-              <p
-                class="MuiTypography-root-182 makeStyles-projectedApr-445 MuiTypography-body1-184"
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
               >
-                Current: 
-                95.64%
-              </p>
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                80.91
+                %
+              </span>
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-696"
+            class="MuiBox-root-438 MuiBox-root-689"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $0
             </p>
@@ -2985,19 +3293,19 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Aura
               </span>
@@ -3007,84 +3315,95 @@ exports[`Landing Renders mobile version correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-697"
+            class="makeStyles-position-690"
             src="/assets/icons/wbtc.svg"
           />
           <img
             alt="BADGER logo"
-            class="makeStyles-position-698"
+            class="makeStyles-position-691"
             src="/assets/icons/badger.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           BADGER/WBTC
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-699 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-692 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-700 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-693 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
-                62.26%
+                166.58%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
             <div
-              class="MuiBox-root-447 MuiBox-root-701"
+              class="MuiBox-root-438 MuiBox-root-694 makeStyles-yieldBearingRewards-437"
             >
-              <p
-                class="MuiTypography-root-182 makeStyles-projectedApr-445 MuiTypography-body1-184"
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
               >
-                Current: 
-                166.58%
-              </p>
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                80.91
+                %
+              </span>
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-704"
+            class="MuiBox-root-438 MuiBox-root-697"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $0
             </p>
@@ -3092,19 +3411,19 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Aura
               </span>
@@ -3114,89 +3433,100 @@ exports[`Landing Renders mobile version correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-705"
+            class="makeStyles-position-698"
             src="/assets/icons/wbtc.svg"
           />
           <img
             alt="DIGG logo"
-            class="makeStyles-position-706"
+            class="makeStyles-position-699"
             src="/assets/icons/digg.svg"
           />
           <img
             alt="graviAURA logo"
-            class="makeStyles-position-707"
+            class="makeStyles-position-700"
             src="/assets/icons/graviaura.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           graviAURA/DIGG/WBTC
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-708 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-701 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-709 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-702 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
-                43.99%
+                5.08%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
             <div
-              class="MuiBox-root-447 MuiBox-root-710"
+              class="MuiBox-root-438 MuiBox-root-703 makeStyles-yieldBearingRewards-437"
             >
-              <p
-                class="MuiTypography-root-182 makeStyles-projectedApr-445 MuiTypography-body1-184"
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
               >
-                Current: 
-                5.08%
-              </p>
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                80.91
+                %
+              </span>
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-713"
+            class="MuiBox-root-438 MuiBox-root-706"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $0
             </p>
@@ -3204,19 +3534,19 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Aura
               </span>
@@ -3226,74 +3556,95 @@ exports[`Landing Renders mobile version correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="CVX logo"
-            class="makeStyles-position-714"
+            class="makeStyles-position-707"
             src="/assets/icons/cvx.svg"
           />
           <img
             alt="bveCVX logo"
-            class="makeStyles-position-715"
+            class="makeStyles-position-708"
             src="/assets/icons/bvecvx.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           CVX/bveCVX
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-716 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-709 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-717 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-710 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 36.69%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
+            <div
+              class="MuiBox-root-438 MuiBox-root-711 makeStyles-yieldBearingRewards-437"
+            >
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+              >
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                28.32
+                %
+              </span>
+            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-720"
+            class="MuiBox-root-438 MuiBox-root-714"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $0
             </p>
@@ -3301,19 +3652,19 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Curve
               </span>
@@ -3323,74 +3674,95 @@ exports[`Landing Renders mobile version correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="wibBTC logo"
-            class="makeStyles-position-721"
+            class="makeStyles-position-715"
             src="/assets/icons/wibbtc.svg"
           />
           <img
             alt="crvRenWSBTC logo"
-            class="makeStyles-position-722"
+            class="makeStyles-position-716"
             src="/assets/icons/crvrenwsbtc.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           ibBTC/crvsBTC
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-723 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-717 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-724 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-718 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 20.29%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
+            <div
+              class="MuiBox-root-438 MuiBox-root-719 makeStyles-yieldBearingRewards-437"
+            >
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+              >
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                28.32
+                %
+              </span>
+            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-727"
+            class="MuiBox-root-438 MuiBox-root-722"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $0
             </p>
@@ -3398,32 +3770,32 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Convex
               </span>
             </div>
           </div>
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 🚀 Boosted
               </span>
@@ -3433,74 +3805,95 @@ exports[`Landing Renders mobile version correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="BADGER logo"
-            class="makeStyles-position-728"
+            class="makeStyles-position-723"
             src="/assets/icons/badger.svg"
           />
           <img
             alt="WBTC logo"
-            class="makeStyles-position-729"
+            class="makeStyles-position-724"
             src="/assets/icons/wbtc.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           BADGER/WBTC
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-730 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-725 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-731 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-726 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 4.77%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
+            <div
+              class="MuiBox-root-438 MuiBox-root-727 makeStyles-yieldBearingRewards-437"
+            >
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+              >
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                28.32
+                %
+              </span>
+            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-734"
+            class="MuiBox-root-438 MuiBox-root-730"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $0
             </p>
@@ -3508,19 +3901,19 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Convex
               </span>
@@ -3530,74 +3923,74 @@ exports[`Landing Renders mobile version correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-735"
+            class="makeStyles-position-731"
             src="/assets/icons/wbtc.svg"
           />
           <img
             alt="BADGER logo"
-            class="makeStyles-position-736"
+            class="makeStyles-position-732"
             src="/assets/icons/badger.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           wBTC/Badger
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-737 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-733 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-738 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-734 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 7.03%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-741"
+            class="MuiBox-root-438 MuiBox-root-737"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $0
             </p>
@@ -3605,19 +3998,19 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Sushiswap
               </span>
@@ -3627,69 +4020,69 @@ exports[`Landing Renders mobile version correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-742"
+            class="makeStyles-position-738"
             src="/assets/icons/wbtc.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           wBTC
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-743 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-739 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-744 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-740 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 0.00%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-747"
+            class="MuiBox-root-438 MuiBox-root-743"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $0
             </p>
@@ -3697,19 +4090,19 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Yearn
               </span>
@@ -3719,74 +4112,74 @@ exports[`Landing Renders mobile version correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-748"
+            class="makeStyles-position-744"
             src="/assets/icons/wbtc.svg"
           />
           <img
             alt="WETH logo"
-            class="makeStyles-position-749"
+            class="makeStyles-position-745"
             src="/assets/icons/weth.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           wBTC/wETH
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-750 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-746 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-751 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-747 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 2.23%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-754"
+            class="MuiBox-root-438 MuiBox-root-750"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $0
             </p>
@@ -3794,19 +4187,19 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Sushiswap
               </span>
@@ -3816,89 +4209,100 @@ exports[`Landing Renders mobile version correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="bb-a-USDT logo"
-            class="makeStyles-position-755"
+            class="makeStyles-position-751"
             src="/assets/icons/bb-a-usdt.svg"
           />
           <img
             alt="bb-a-DAI logo"
-            class="makeStyles-position-756"
+            class="makeStyles-position-752"
             src="/assets/icons/bb-a-dai.svg"
           />
           <img
             alt="bb-a-USDC logo"
-            class="makeStyles-position-757"
+            class="makeStyles-position-753"
             src="/assets/icons/bb-a-usdc.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           bb-a-USD
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-758 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-754 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-759 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-755 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
-                1.75%
+                6.89%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
             <div
-              class="MuiBox-root-447 MuiBox-root-760"
+              class="MuiBox-root-438 MuiBox-root-756 makeStyles-yieldBearingRewards-437"
             >
-              <p
-                class="MuiTypography-root-182 makeStyles-projectedApr-445 MuiTypography-body1-184"
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
               >
-                Current: 
-                6.89%
-              </p>
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                80.91
+                %
+              </span>
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-763"
+            class="MuiBox-root-438 MuiBox-root-759"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $0
             </p>
@@ -3906,19 +4310,19 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Aura
               </span>
@@ -3928,74 +4332,95 @@ exports[`Landing Renders mobile version correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="renBTC logo"
-            class="makeStyles-position-764"
+            class="makeStyles-position-760"
             src="/assets/icons/renbtc.svg"
           />
           <img
             alt="WBTC logo"
-            class="makeStyles-position-765"
+            class="makeStyles-position-761"
             src="/assets/icons/wbtc.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           renBTC/wBTC
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-766 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-762 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-767 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-763 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 0.92%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
+            <div
+              class="MuiBox-root-438 MuiBox-root-764 makeStyles-yieldBearingRewards-437"
+            >
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+              >
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                28.32
+                %
+              </span>
+            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-770"
+            class="MuiBox-root-438 MuiBox-root-767"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $0
             </p>
@@ -4003,19 +4428,19 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Convex
               </span>
@@ -4025,79 +4450,100 @@ exports[`Landing Renders mobile version correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="USDT logo"
-            class="makeStyles-position-771"
+            class="makeStyles-position-768"
             src="/assets/icons/usdt.svg"
           />
           <img
             alt="WBTC logo"
-            class="makeStyles-position-772"
+            class="makeStyles-position-769"
             src="/assets/icons/wbtc.svg"
           />
           <img
             alt="WETH logo"
-            class="makeStyles-position-773"
+            class="makeStyles-position-770"
             src="/assets/icons/weth.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           Tricrypto2
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-774 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-771 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-775 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-772 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 2.14%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
+            <div
+              class="MuiBox-root-438 MuiBox-root-773 makeStyles-yieldBearingRewards-437"
+            >
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+              >
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                28.32
+                %
+              </span>
+            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-778"
+            class="MuiBox-root-438 MuiBox-root-776"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $0
             </p>
@@ -4105,19 +4551,19 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Convex
               </span>
@@ -4135,34 +4581,53 @@ exports[`Landing Renders tablet version correctly 1`] = `
   <div
     class="MuiContainer-root-3 WithStyles(ForwardRef(Container))-root-2 makeStyles-root-1 MuiContainer-maxWidthLg-9"
   >
+    <h1
+      class="MuiTypography-root-13 makeStyles-title-11 MuiTypography-body1-15"
+    >
+      Do Less & Earn More with BadgerDAO
+    </h1>
+    <p
+      class="MuiTypography-root-13 makeStyles-subtitle-12 MuiTypography-body1-15"
+    >
+      Deposit to earn
+       
+      <a
+        class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+        href="#"
+      >
+        Yield-Bearing Rewards
+      </a>
+       
+      that automate and optimize yield from Aura and Convex positions
+    </p>
     <div
-      class="MuiPaper-root-14 makeStyles-paper-13 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      class="MuiPaper-root-76 makeStyles-paper-75 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-42 MuiGrid-container-43"
+        class="MuiGrid-root-104 MuiGrid-container-105"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-true-138"
         >
           <label
-            class="MuiFormControlLabel-root-145"
+            class="MuiFormControlLabel-root-207"
           >
             <span
               aria-disabled="false"
-              class="MuiButtonBase-root-170 MuiIconButton-root-161 PrivateSwitchBase-root-157 MuiCheckbox-root-151 MuiCheckbox-colorPrimary-155 MuiIconButton-colorPrimary-165"
+              class="MuiButtonBase-root-232 MuiIconButton-root-223 PrivateSwitchBase-root-219 MuiCheckbox-root-213 MuiCheckbox-colorPrimary-217 MuiIconButton-colorPrimary-227"
             >
               <span
-                class="MuiIconButton-label-169"
+                class="MuiIconButton-label-231"
               >
                 <input
-                  class="PrivateSwitchBase-input-160"
+                  class="PrivateSwitchBase-input-222"
                   data-indeterminate="false"
                   type="checkbox"
                   value=""
                 />
                 <svg
                   aria-hidden="true"
-                  class="MuiSvgIcon-root-173"
+                  class="MuiSvgIcon-root-235"
                   focusable="false"
                   viewBox="0 0 24 24"
                 >
@@ -4172,14 +4637,14 @@ exports[`Landing Renders tablet version correctly 1`] = `
                 </svg>
               </span>
               <span
-                class="MuiTouchRipple-root-650"
+                class="MuiTouchRipple-root-640"
               />
             </span>
             <span
-              class="MuiTypography-root-182 MuiFormControlLabel-label-150 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiFormControlLabel-label-212 MuiTypography-body1-15"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body2-183"
+                class="MuiTypography-root-13 MuiTypography-body2-14"
               >
                 Only show deposits
               </p>
@@ -4187,24 +4652,24 @@ exports[`Landing Renders tablet version correctly 1`] = `
           </label>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
         >
           <button
-            class="MuiButtonBase-root-170 MuiButton-root-239 MuiButton-text-241 makeStyles-button-648"
+            class="MuiButtonBase-root-232 MuiButton-root-338 MuiButton-text-340 makeStyles-button-638"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiButton-label-240 makeStyles-buttonLabel-649"
+              class="MuiButton-label-339 makeStyles-buttonLabel-639"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body2-183 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body2-14 MuiTypography-displayInline-41"
               >
                 Filters & Search
               </p>
               <svg
                 aria-hidden="true"
-                class="MuiSvgIcon-root-173"
+                class="MuiSvgIcon-root-235"
                 focusable="false"
                 viewBox="0 0 24 24"
               >
@@ -4214,199 +4679,220 @@ exports[`Landing Renders tablet version correctly 1`] = `
               </svg>
             </span>
             <span
-              class="MuiTouchRipple-root-650"
+              class="MuiTouchRipple-root-640"
             />
           </button>
         </div>
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiGrid-root-42 makeStyles-root-391 MuiGrid-container-43 MuiGrid-item-44 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      class="MuiPaper-root-76 MuiGrid-root-104 makeStyles-root-382 MuiGrid-container-105 MuiGrid-item-106 MuiPaper-elevation1-80 MuiPaper-rounded-77"
     >
       <div
-        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
       >
         <div
-          class="MuiGrid-root-42 makeStyles-spacingItem-393 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+          class="MuiGrid-root-104 makeStyles-spacingItem-384 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
         />
         <div
-          class="MuiGrid-root-42 makeStyles-title-384 makeStyles-columnTitle-389 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
+          class="MuiGrid-root-104 makeStyles-title-375 makeStyles-columnTitle-380 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
         >
           <p
-            class="MuiTypography-root-182 makeStyles-title-384 MuiTypography-body2-183 MuiTypography-colorTextSecondary-208"
+            class="MuiTypography-root-13 makeStyles-title-375 MuiTypography-body2-14 MuiTypography-colorTextSecondary-39"
           >
             Vault
           </p>
           <button
             aria-label="sort descending by name"
-            class="MuiButtonBase-root-170 MuiIconButton-root-161 makeStyles-sortIcon-385 makeStyles-nonSetSort-387"
+            class="MuiButtonBase-root-232 MuiIconButton-root-223 makeStyles-sortIcon-376 makeStyles-nonSetSort-378"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-169"
+              class="MuiIconButton-label-231"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-385"
+                class="makeStyles-sortIcon-376"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-650"
+              class="MuiTouchRipple-root-640"
             />
           </button>
         </div>
         <div
-          class="MuiGrid-root-42 makeStyles-title-384 makeStyles-columnTitle-389 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 makeStyles-title-375 makeStyles-columnTitle-380 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body2-183 MuiTypography-colorTextSecondary-208"
+            class="MuiTypography-root-13 MuiTypography-body2-14 MuiTypography-colorTextSecondary-39"
           >
             APY
           </p>
           <button
             aria-label="sort descending by APR"
-            class="MuiButtonBase-root-170 MuiIconButton-root-161 makeStyles-sortIcon-385 makeStyles-nonSetSort-387"
+            class="MuiButtonBase-root-232 MuiIconButton-root-223 makeStyles-sortIcon-376 makeStyles-nonSetSort-378"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-169"
+              class="MuiIconButton-label-231"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-385"
+                class="makeStyles-sortIcon-376"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-650"
+              class="MuiTouchRipple-root-640"
             />
           </button>
         </div>
         <div
-          class="MuiGrid-root-42 makeStyles-title-384 makeStyles-columnTitle-389 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 makeStyles-title-375 makeStyles-columnTitle-380 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body2-183 MuiTypography-colorTextSecondary-208"
+            class="MuiTypography-root-13 MuiTypography-body2-14 MuiTypography-colorTextSecondary-39"
           >
             My Deposits
           </p>
           <button
             aria-label="sort descending by balance"
-            class="MuiButtonBase-root-170 MuiIconButton-root-161 makeStyles-sortIcon-385 makeStyles-nonSetSort-387"
+            class="MuiButtonBase-root-232 MuiIconButton-root-223 makeStyles-sortIcon-376 makeStyles-nonSetSort-378"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-169"
+              class="MuiIconButton-label-231"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-385"
+                class="makeStyles-sortIcon-376"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-650"
+              class="MuiTouchRipple-root-640"
             />
           </button>
         </div>
         <div
-          class="MuiGrid-root-42 makeStyles-title-384 makeStyles-columnTitle-389 makeStyles-tvlColumn-390 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 makeStyles-title-375 makeStyles-columnTitle-380 makeStyles-tvlColumn-381 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body2-183 MuiTypography-colorTextSecondary-208"
+            class="MuiTypography-root-13 MuiTypography-body2-14 MuiTypography-colorTextSecondary-39"
           >
             TVL
           </p>
           <button
             aria-label="sort descending by TVL"
-            class="MuiButtonBase-root-170 MuiIconButton-root-161 makeStyles-sortIcon-385 makeStyles-nonSetSort-387"
+            class="MuiButtonBase-root-232 MuiIconButton-root-223 makeStyles-sortIcon-376 makeStyles-nonSetSort-378"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-169"
+              class="MuiIconButton-label-231"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-385"
+                class="makeStyles-sortIcon-376"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-650"
+              class="MuiTouchRipple-root-640"
             />
           </button>
         </div>
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="CVX logo"
-            class="makeStyles-position-663"
+            class="makeStyles-position-653"
             src="/assets/icons/cvx.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           bveCVX
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-664 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-654 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-665 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-655 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 28.32%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
+            <div
+              class="MuiBox-root-438 MuiBox-root-656 makeStyles-yieldBearingRewards-437"
+            >
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+              >
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                28.32
+                %
+              </span>
+            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-668"
+            class="MuiBox-root-438 MuiBox-root-659"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $6,450.00
             </p>
@@ -4414,19 +4900,19 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Convex
               </span>
@@ -4436,69 +4922,90 @@ exports[`Landing Renders tablet version correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="cvxCRV logo"
-            class="makeStyles-position-669"
+            class="makeStyles-position-660"
             src="/assets/icons/cvxcrv.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           cvxCRV
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-670 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-661 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-671 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-662 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 18.48%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
+            <div
+              class="MuiBox-root-438 MuiBox-root-663 makeStyles-yieldBearingRewards-437"
+            >
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+              >
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                28.32
+                %
+              </span>
+            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-674"
+            class="MuiBox-root-438 MuiBox-root-666"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $1,712.37
             </p>
@@ -4506,45 +5013,45 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Convex
               </span>
             </div>
           </div>
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 makeStyles-clickableTag-409 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 makeStyles-clickableTag-400 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Ecosystem Helper
               </span>
             </div>
           </div>
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 🚀 Boosted
               </span>
@@ -4554,69 +5061,90 @@ exports[`Landing Renders tablet version correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="AURA logo"
-            class="makeStyles-position-675"
+            class="makeStyles-position-667"
             src="/assets/icons/aura.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           graviAURA
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-676 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-668 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-677 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-669 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 80.91%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
+            <div
+              class="MuiBox-root-438 MuiBox-root-670 makeStyles-yieldBearingRewards-437"
+            >
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+              >
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                80.91
+                %
+              </span>
+            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-680"
+            class="MuiBox-root-438 MuiBox-root-673"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $0
             </p>
@@ -4624,19 +5152,19 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Aura
               </span>
@@ -4646,79 +5174,90 @@ exports[`Landing Renders tablet version correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="auraBAL logo"
-            class="makeStyles-position-681"
+            class="makeStyles-position-674"
             src="/assets/icons/aurabal.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           auraBAL
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-682 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-675 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-683 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-676 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
-                14.91%
+                65.00%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
             <div
-              class="MuiBox-root-447 MuiBox-root-684"
+              class="MuiBox-root-438 MuiBox-root-677 makeStyles-yieldBearingRewards-437"
             >
-              <p
-                class="MuiTypography-root-182 makeStyles-projectedApr-445 MuiTypography-body1-184"
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
               >
-                Current: 
-                65.00%
-              </p>
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                80.91
+                %
+              </span>
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-687"
+            class="MuiBox-root-438 MuiBox-root-680"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $0
             </p>
@@ -4726,32 +5265,32 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Aura
               </span>
             </div>
           </div>
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 makeStyles-clickableTag-409 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 makeStyles-clickableTag-400 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Ecosystem Helper
               </span>
@@ -4761,89 +5300,100 @@ exports[`Landing Renders tablet version correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="auraBAL logo"
-            class="makeStyles-position-688"
+            class="makeStyles-position-681"
             src="/assets/icons/aurabal.svg"
           />
           <img
             alt="graviAURA logo"
-            class="makeStyles-position-689"
+            class="makeStyles-position-682"
             src="/assets/icons/graviaura.svg"
           />
           <img
             alt="WETH logo"
-            class="makeStyles-position-690"
+            class="makeStyles-position-683"
             src="/assets/icons/weth.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           graviAURA/auraBAL/WETH
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-691 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-684 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-692 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-685 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
-                56.93%
+                95.64%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
             <div
-              class="MuiBox-root-447 MuiBox-root-693"
+              class="MuiBox-root-438 MuiBox-root-686 makeStyles-yieldBearingRewards-437"
             >
-              <p
-                class="MuiTypography-root-182 makeStyles-projectedApr-445 MuiTypography-body1-184"
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
               >
-                Current: 
-                95.64%
-              </p>
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                80.91
+                %
+              </span>
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-696"
+            class="MuiBox-root-438 MuiBox-root-689"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $0
             </p>
@@ -4851,19 +5401,19 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Aura
               </span>
@@ -4873,84 +5423,95 @@ exports[`Landing Renders tablet version correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-697"
+            class="makeStyles-position-690"
             src="/assets/icons/wbtc.svg"
           />
           <img
             alt="BADGER logo"
-            class="makeStyles-position-698"
+            class="makeStyles-position-691"
             src="/assets/icons/badger.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           BADGER/WBTC
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-699 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-692 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-700 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-693 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
-                62.26%
+                166.58%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
             <div
-              class="MuiBox-root-447 MuiBox-root-701"
+              class="MuiBox-root-438 MuiBox-root-694 makeStyles-yieldBearingRewards-437"
             >
-              <p
-                class="MuiTypography-root-182 makeStyles-projectedApr-445 MuiTypography-body1-184"
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
               >
-                Current: 
-                166.58%
-              </p>
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                80.91
+                %
+              </span>
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-704"
+            class="MuiBox-root-438 MuiBox-root-697"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $0
             </p>
@@ -4958,19 +5519,19 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Aura
               </span>
@@ -4980,89 +5541,100 @@ exports[`Landing Renders tablet version correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-705"
+            class="makeStyles-position-698"
             src="/assets/icons/wbtc.svg"
           />
           <img
             alt="DIGG logo"
-            class="makeStyles-position-706"
+            class="makeStyles-position-699"
             src="/assets/icons/digg.svg"
           />
           <img
             alt="graviAURA logo"
-            class="makeStyles-position-707"
+            class="makeStyles-position-700"
             src="/assets/icons/graviaura.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           graviAURA/DIGG/WBTC
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-708 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-701 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-709 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-702 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
-                43.99%
+                5.08%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
             <div
-              class="MuiBox-root-447 MuiBox-root-710"
+              class="MuiBox-root-438 MuiBox-root-703 makeStyles-yieldBearingRewards-437"
             >
-              <p
-                class="MuiTypography-root-182 makeStyles-projectedApr-445 MuiTypography-body1-184"
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
               >
-                Current: 
-                5.08%
-              </p>
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                80.91
+                %
+              </span>
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-713"
+            class="MuiBox-root-438 MuiBox-root-706"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $0
             </p>
@@ -5070,19 +5642,19 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Aura
               </span>
@@ -5092,74 +5664,95 @@ exports[`Landing Renders tablet version correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="CVX logo"
-            class="makeStyles-position-714"
+            class="makeStyles-position-707"
             src="/assets/icons/cvx.svg"
           />
           <img
             alt="bveCVX logo"
-            class="makeStyles-position-715"
+            class="makeStyles-position-708"
             src="/assets/icons/bvecvx.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           CVX/bveCVX
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-716 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-709 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-717 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-710 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 36.69%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
+            <div
+              class="MuiBox-root-438 MuiBox-root-711 makeStyles-yieldBearingRewards-437"
+            >
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+              >
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                28.32
+                %
+              </span>
+            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-720"
+            class="MuiBox-root-438 MuiBox-root-714"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $0
             </p>
@@ -5167,19 +5760,19 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Curve
               </span>
@@ -5189,74 +5782,95 @@ exports[`Landing Renders tablet version correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="wibBTC logo"
-            class="makeStyles-position-721"
+            class="makeStyles-position-715"
             src="/assets/icons/wibbtc.svg"
           />
           <img
             alt="crvRenWSBTC logo"
-            class="makeStyles-position-722"
+            class="makeStyles-position-716"
             src="/assets/icons/crvrenwsbtc.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           ibBTC/crvsBTC
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-723 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-717 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-724 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-718 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 20.29%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
+            <div
+              class="MuiBox-root-438 MuiBox-root-719 makeStyles-yieldBearingRewards-437"
+            >
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+              >
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                28.32
+                %
+              </span>
+            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-727"
+            class="MuiBox-root-438 MuiBox-root-722"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $0
             </p>
@@ -5264,32 +5878,32 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Convex
               </span>
             </div>
           </div>
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 🚀 Boosted
               </span>
@@ -5299,74 +5913,95 @@ exports[`Landing Renders tablet version correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="BADGER logo"
-            class="makeStyles-position-728"
+            class="makeStyles-position-723"
             src="/assets/icons/badger.svg"
           />
           <img
             alt="WBTC logo"
-            class="makeStyles-position-729"
+            class="makeStyles-position-724"
             src="/assets/icons/wbtc.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           BADGER/WBTC
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-730 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-725 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-731 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-726 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 4.77%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
+            <div
+              class="MuiBox-root-438 MuiBox-root-727 makeStyles-yieldBearingRewards-437"
+            >
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+              >
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                28.32
+                %
+              </span>
+            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-734"
+            class="MuiBox-root-438 MuiBox-root-730"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $0
             </p>
@@ -5374,19 +6009,19 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Convex
               </span>
@@ -5396,74 +6031,74 @@ exports[`Landing Renders tablet version correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-735"
+            class="makeStyles-position-731"
             src="/assets/icons/wbtc.svg"
           />
           <img
             alt="BADGER logo"
-            class="makeStyles-position-736"
+            class="makeStyles-position-732"
             src="/assets/icons/badger.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           wBTC/Badger
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-737 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-733 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-738 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-734 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 7.03%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-741"
+            class="MuiBox-root-438 MuiBox-root-737"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $0
             </p>
@@ -5471,19 +6106,19 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Sushiswap
               </span>
@@ -5493,69 +6128,69 @@ exports[`Landing Renders tablet version correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-742"
+            class="makeStyles-position-738"
             src="/assets/icons/wbtc.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           wBTC
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-743 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-739 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-744 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-740 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 0.00%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-747"
+            class="MuiBox-root-438 MuiBox-root-743"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $0
             </p>
@@ -5563,19 +6198,19 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Yearn
               </span>
@@ -5585,74 +6220,74 @@ exports[`Landing Renders tablet version correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-748"
+            class="makeStyles-position-744"
             src="/assets/icons/wbtc.svg"
           />
           <img
             alt="WETH logo"
-            class="makeStyles-position-749"
+            class="makeStyles-position-745"
             src="/assets/icons/weth.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           wBTC/wETH
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-750 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-746 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-751 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-747 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 2.23%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-754"
+            class="MuiBox-root-438 MuiBox-root-750"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $0
             </p>
@@ -5660,19 +6295,19 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Sushiswap
               </span>
@@ -5682,89 +6317,100 @@ exports[`Landing Renders tablet version correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="bb-a-USDT logo"
-            class="makeStyles-position-755"
+            class="makeStyles-position-751"
             src="/assets/icons/bb-a-usdt.svg"
           />
           <img
             alt="bb-a-DAI logo"
-            class="makeStyles-position-756"
+            class="makeStyles-position-752"
             src="/assets/icons/bb-a-dai.svg"
           />
           <img
             alt="bb-a-USDC logo"
-            class="makeStyles-position-757"
+            class="makeStyles-position-753"
             src="/assets/icons/bb-a-usdc.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           bb-a-USD
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-758 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-754 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-759 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-755 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
-                1.75%
+                6.89%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
             <div
-              class="MuiBox-root-447 MuiBox-root-760"
+              class="MuiBox-root-438 MuiBox-root-756 makeStyles-yieldBearingRewards-437"
             >
-              <p
-                class="MuiTypography-root-182 makeStyles-projectedApr-445 MuiTypography-body1-184"
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
               >
-                Current: 
-                6.89%
-              </p>
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                80.91
+                %
+              </span>
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-763"
+            class="MuiBox-root-438 MuiBox-root-759"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $0
             </p>
@@ -5772,19 +6418,19 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Aura
               </span>
@@ -5794,74 +6440,95 @@ exports[`Landing Renders tablet version correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="renBTC logo"
-            class="makeStyles-position-764"
+            class="makeStyles-position-760"
             src="/assets/icons/renbtc.svg"
           />
           <img
             alt="WBTC logo"
-            class="makeStyles-position-765"
+            class="makeStyles-position-761"
             src="/assets/icons/wbtc.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           renBTC/wBTC
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-766 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-762 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-767 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-763 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 0.92%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
+            <div
+              class="MuiBox-root-438 MuiBox-root-764 makeStyles-yieldBearingRewards-437"
+            >
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+              >
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                28.32
+                %
+              </span>
+            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-770"
+            class="MuiBox-root-438 MuiBox-root-767"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $0
             </p>
@@ -5869,19 +6536,19 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Convex
               </span>
@@ -5891,79 +6558,100 @@ exports[`Landing Renders tablet version correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
+      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-42 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="makeStyles-root-405"
+          class="makeStyles-root-396"
         >
           <img
             alt="USDT logo"
-            class="makeStyles-position-771"
+            class="makeStyles-position-768"
             src="/assets/icons/usdt.svg"
           />
           <img
             alt="WBTC logo"
-            class="makeStyles-position-772"
+            class="makeStyles-position-769"
             src="/assets/icons/wbtc.svg"
           />
           <img
             alt="WETH logo"
-            class="makeStyles-position-773"
+            class="makeStyles-position-770"
             src="/assets/icons/weth.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
+          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
         >
           Tricrypto2
         </h6>
       </div>
       <div
-        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
+        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-774 makeStyles-root-441"
+            class="MuiBox-root-438 MuiBox-root-771 makeStyles-root-432"
           >
             <div
-              class="MuiBox-root-447 MuiBox-root-775 makeStyles-aprDisplay-444"
+              class="MuiBox-root-438 MuiBox-root-772 makeStyles-aprDisplay-435"
             >
               <p
-                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
+                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
               >
                 2.14%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-443"
+                class="makeStyles-apyInfo-434"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
+            <div
+              class="MuiBox-root-438 MuiBox-root-773 makeStyles-yieldBearingRewards-437"
+            >
+              <a
+                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+              >
+                <img
+                  alt="Yield-Bearing Rewards"
+                  src="assets/icons/yield-bearing-rewards.svg"
+                  width="9"
+                />
+                 Yield-Bearing Rewards:
+              </a>
+              <span
+                class="MuiTypography-root-13"
+              >
+                Rewards earn up to 
+                28.32
+                %
+              </span>
+            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
         >
           <p
-            class="MuiTypography-root-182 MuiTypography-body1-184"
+            class="MuiTypography-root-13 MuiTypography-body1-15"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-447 MuiBox-root-778"
+            class="MuiBox-root-438 MuiBox-root-776"
           >
             <p
-              class="MuiTypography-root-182 MuiTypography-body1-184"
+              class="MuiTypography-root-13 MuiTypography-body1-15"
             >
               $0
             </p>
@@ -5971,19 +6659,19 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-42 MuiGrid-item-44"
+        class="MuiGrid-root-104 MuiGrid-item-106"
       >
         <div
-          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
+          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
         >
           <div
-            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
+            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
           >
             <div
-              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
+              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
             >
               <span
-                class="MuiChip-label-433 MuiChip-labelSmall-434"
+                class="MuiChip-label-424 MuiChip-labelSmall-425"
               >
                 Convex
               </span>
diff --git a/src/tests/vaults/VaultFiltersDialog.test.tsx b/src/tests/vaults/VaultFiltersDialog.test.tsx
index a391df53e..a499258a7 100644
--- a/src/tests/vaults/VaultFiltersDialog.test.tsx
+++ b/src/tests/vaults/VaultFiltersDialog.test.tsx
@@ -138,30 +138,6 @@ describe('VaultFiltersDialog', () => {
     expect(screen.getByDisplayValue('bitcoin convex')).toBeInTheDocument();
   });
 
-  it('can select APY mode', () => {
-    customRender(
-      <StoreProvider value={store}>
-        <VaultFiltersDialogV2 />
-      </StoreProvider>,
-    );
-
-    const apyButton = screen.getByRole('button', { name: 'APY' });
-    fireEvent.click(apyButton);
-    expect(apyButton).toHaveAttribute('aria-selected', 'true');
-  });
-
-  it('can select APR mode', () => {
-    customRender(
-      <StoreProvider value={store}>
-        <VaultFiltersDialogV2 />
-      </StoreProvider>,
-    );
-
-    const aprButton = screen.getByRole('button', { name: 'APR' });
-    fireEvent.click(aprButton);
-    expect(aprButton).toHaveAttribute('aria-selected', 'true');
-  });
-
   it('can apply filters', async () => {
     jest.spyOn(VaultStore.prototype, 'networkHasBoostVaults', 'get').mockReturnValue(true);
     jest.spyOn(VaultStore.prototype, 'vaultsProtocols', 'get').mockReturnValue([Protocol.Convex, Protocol.Curve]);
@@ -218,7 +194,6 @@ describe('VaultFiltersDialog', () => {
     fireEvent.change(screen.getByRole('textbox', { name: 'Vault Search' }), {
       target: { value: 'bitcoin convex' },
     });
-    fireEvent.click(screen.getByRole('button', { name: 'APR' }));
     fireEvent.click(screen.getByRole('button', { name: 'Apply Filters' }));
 
     expect(store.vaults.vaultsFilters).toMatchSnapshot();
diff --git a/src/tests/vaults/VaultsSearchControl.test.tsx b/src/tests/vaults/VaultsSearchControl.test.tsx
index bb4f50621..b2c7b7941 100644
--- a/src/tests/vaults/VaultsSearchControl.test.tsx
+++ b/src/tests/vaults/VaultsSearchControl.test.tsx
@@ -135,30 +135,6 @@ describe('VaultSearchControl', () => {
       expect(screen.getByDisplayValue('bitcoin convex')).toBeInTheDocument();
     });
 
-    it('can select APY mode', () => {
-      customRender(
-        <StoreProvider value={store}>
-          <VaultsSearchControls />
-        </StoreProvider>,
-      );
-
-      const apyButton = screen.getByRole('button', { name: 'APY' });
-      fireEvent.click(apyButton);
-      expect(apyButton).toHaveAttribute('aria-selected', 'true');
-    });
-
-    it('can select APR mode', () => {
-      customRender(
-        <StoreProvider value={store}>
-          <VaultsSearchControls />
-        </StoreProvider>,
-      );
-
-      const aprButton = screen.getByRole('button', { name: 'APR' });
-      fireEvent.click(aprButton);
-      expect(aprButton).toHaveAttribute('aria-selected', 'true');
-    });
-
     it('can clear filters', () => {
       const clear = jest.fn();
       store.vaults.clearFilters = action(clear);
diff --git a/src/tests/vaults/__snapshots__/VaultFiltersDialog.test.tsx.snap b/src/tests/vaults/__snapshots__/VaultFiltersDialog.test.tsx.snap
index a327190ca..916edb5d7 100644
--- a/src/tests/vaults/__snapshots__/VaultFiltersDialog.test.tsx.snap
+++ b/src/tests/vaults/__snapshots__/VaultFiltersDialog.test.tsx.snap
@@ -14,7 +14,7 @@ Object {
     "Curve",
   ],
   "search": "bitcoin convex",
-  "showAPR": true,
+  "showAPR": false,
   "statuses": Array [
     "guarded",
     "experimental",
@@ -85,7 +85,7 @@ exports[`VaultFiltersDialog renders correctly 1`] = `
                 </svg>
               </span>
               <span
-                class="MuiTouchRipple-root-381"
+                class="MuiTouchRipple-root-355"
               />
             </button>
           </div>
@@ -130,7 +130,7 @@ exports[`VaultFiltersDialog renders correctly 1`] = `
                     </svg>
                   </span>
                   <span
-                    class="MuiTouchRipple-root-381"
+                    class="MuiTouchRipple-root-355"
                   />
                 </span>
                 <span
@@ -175,7 +175,7 @@ exports[`VaultFiltersDialog renders correctly 1`] = `
                     </svg>
                   </span>
                   <span
-                    class="MuiTouchRipple-root-381"
+                    class="MuiTouchRipple-root-355"
                   />
                 </span>
                 <span
@@ -220,7 +220,7 @@ exports[`VaultFiltersDialog renders correctly 1`] = `
                     </svg>
                   </span>
                   <span
-                    class="MuiTouchRipple-root-381"
+                    class="MuiTouchRipple-root-355"
                   />
                 </span>
                 <span
@@ -462,7 +462,7 @@ exports[`VaultFiltersDialog renders correctly 1`] = `
                         </svg>
                       </span>
                       <span
-                        class="MuiTouchRipple-root-381"
+                        class="MuiTouchRipple-root-355"
                       />
                     </button>
                   </div>
@@ -487,53 +487,6 @@ exports[`VaultFiltersDialog renders correctly 1`] = `
           <hr
             class="MuiDivider-root-210 makeStyles-divider-5"
           />
-          <div
-            class="MuiGrid-root-54 MuiGrid-container-55"
-          >
-            <div
-              class="MuiGrid-root-54 makeStyles-apr-7 MuiGrid-item-56"
-            >
-              <div
-                aria-label="apy apr selector"
-                class="MuiButtonGroup-root-328"
-                role="group"
-              >
-                <button
-                  aria-selected="true"
-                  class="MuiButtonBase-root-196 MuiButton-root-352 MuiButton-outlined-357 MuiButtonGroup-grouped-334 MuiButtonGroup-groupedHorizontal-335 MuiButtonGroup-groupedOutlined-342 MuiButtonGroup-groupedOutlinedHorizontal-343 MuiButtonGroup-groupedOutlined-342 makeStyles-selected-326 makeStyles-button-327"
-                  tabindex="0"
-                  type="button"
-                >
-                  <span
-                    class="MuiButton-label-353"
-                  >
-                    APY
-                  </span>
-                  <span
-                    class="MuiTouchRipple-root-381"
-                  />
-                </button>
-                <button
-                  aria-selected="false"
-                  class="MuiButtonBase-root-196 MuiButton-root-352 MuiButton-outlined-357 MuiButtonGroup-grouped-334 MuiButtonGroup-groupedHorizontal-335 MuiButtonGroup-groupedOutlined-342 MuiButtonGroup-groupedOutlinedHorizontal-343 MuiButtonGroup-groupedOutlined-342 makeStyles-button-327"
-                  tabindex="0"
-                  type="button"
-                >
-                  <span
-                    class="MuiButton-label-353"
-                  >
-                    APR
-                  </span>
-                  <span
-                    class="MuiTouchRipple-root-381"
-                  />
-                </button>
-              </div>
-            </div>
-          </div>
-          <hr
-            class="MuiDivider-root-210 makeStyles-divider-5"
-          />
           <div
             class="MuiGrid-root-54 MuiGrid-container-55 MuiGrid-spacing-xs-2-78 MuiGrid-justify-content-xs-flex-end-73"
           >
@@ -541,17 +494,17 @@ exports[`VaultFiltersDialog renders correctly 1`] = `
               class="MuiGrid-root-54 MuiGrid-item-56"
             >
               <button
-                class="MuiButtonBase-root-196 MuiButton-root-352 MuiButton-text-354 MuiButton-textPrimary-355"
+                class="MuiButtonBase-root-196 MuiButton-root-326 MuiButton-text-328 MuiButton-textPrimary-329"
                 tabindex="0"
                 type="button"
               >
                 <span
-                  class="MuiButton-label-353"
+                  class="MuiButton-label-327"
                 >
                   Clear All
                 </span>
                 <span
-                  class="MuiTouchRipple-root-381"
+                  class="MuiTouchRipple-root-355"
                 />
               </button>
             </div>
@@ -559,17 +512,17 @@ exports[`VaultFiltersDialog renders correctly 1`] = `
               class="MuiGrid-root-54 MuiGrid-item-56"
             >
               <button
-                class="MuiButtonBase-root-196 MuiButton-root-352 MuiButton-contained-360 MuiButton-containedPrimary-361"
+                class="MuiButtonBase-root-196 MuiButton-root-326 MuiButton-contained-334 MuiButton-containedPrimary-335"
                 tabindex="0"
                 type="button"
               >
                 <span
-                  class="MuiButton-label-353"
+                  class="MuiButton-label-327"
                 >
                   Apply Filters
                 </span>
                 <span
-                  class="MuiTouchRipple-root-381"
+                  class="MuiTouchRipple-root-355"
                 />
               </button>
             </div>
diff --git a/src/tests/vaults/__snapshots__/VaultListDisplay.test.tsx.snap b/src/tests/vaults/__snapshots__/VaultListDisplay.test.tsx.snap
index 4685a3b6f..571b0af66 100644
--- a/src/tests/vaults/__snapshots__/VaultListDisplay.test.tsx.snap
+++ b/src/tests/vaults/__snapshots__/VaultListDisplay.test.tsx.snap
@@ -345,7 +345,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             />
           </span>
           <span
-            class="MuiTouchRipple-root-463"
+            class="MuiTouchRipple-root-477"
           />
         </button>
       </div>
@@ -373,7 +373,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             />
           </span>
           <span
-            class="MuiTouchRipple-root-463"
+            class="MuiTouchRipple-root-477"
           />
         </button>
       </div>
@@ -401,7 +401,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             />
           </span>
           <span
-            class="MuiTouchRipple-root-463"
+            class="MuiTouchRipple-root-477"
           />
         </button>
       </div>
@@ -429,7 +429,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             />
           </span>
           <span
-            class="MuiTouchRipple-root-463"
+            class="MuiTouchRipple-root-477"
           />
         </button>
       </div>
@@ -608,13 +608,34 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
               src="/assets/icons/apy-info.svg"
             />
           </div>
+          <div
+            class="MuiBox-root-238 MuiBox-root-294 makeStyles-yieldBearingRewards-237"
+          >
+            <a
+              class="MuiTypography-root-144 MuiLink-root-295 MuiLink-underlineHover-297 MuiTypography-colorPrimary-167"
+            >
+              <img
+                alt="Yield-Bearing Rewards"
+                src="assets/icons/yield-bearing-rewards.svg"
+                width="9"
+              />
+               Yield-Bearing Rewards:
+            </a>
+            <span
+              class="MuiTypography-root-144"
+            >
+              Rewards earn up to 
+              28.32
+              %
+            </span>
+          </div>
         </div>
       </div>
       <div
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-296"
+          class="MuiBox-root-238 MuiBox-root-303"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -627,7 +648,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-299"
+          class="MuiBox-root-238 MuiBox-root-306"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -652,7 +673,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         >
           <img
             alt="AURA logo"
-            class="makeStyles-position-300"
+            class="makeStyles-position-307"
             src="/assets/icons/aura.svg"
           />
         </div>
@@ -687,10 +708,10 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-align-items-xs-center-22 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-301 makeStyles-root-232"
+          class="MuiBox-root-238 MuiBox-root-308 makeStyles-root-232"
         >
           <div
-            class="MuiBox-root-238 MuiBox-root-302 makeStyles-aprDisplay-235"
+            class="MuiBox-root-238 MuiBox-root-309 makeStyles-aprDisplay-235"
           >
             <p
               class="MuiTypography-root-144 MuiTypography-body1-146 MuiTypography-colorTextPrimary-169 MuiTypography-displayInline-172"
@@ -703,13 +724,34 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
               src="/assets/icons/apy-info.svg"
             />
           </div>
+          <div
+            class="MuiBox-root-238 MuiBox-root-310 makeStyles-yieldBearingRewards-237"
+          >
+            <a
+              class="MuiTypography-root-144 MuiLink-root-295 MuiLink-underlineHover-297 MuiTypography-colorPrimary-167"
+            >
+              <img
+                alt="Yield-Bearing Rewards"
+                src="assets/icons/yield-bearing-rewards.svg"
+                width="9"
+              />
+               Yield-Bearing Rewards:
+            </a>
+            <span
+              class="MuiTypography-root-144"
+            >
+              Rewards earn up to 
+              80.91
+              %
+            </span>
+          </div>
         </div>
       </div>
       <div
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-305"
+          class="MuiBox-root-238 MuiBox-root-313"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -722,7 +764,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-308"
+          class="MuiBox-root-238 MuiBox-root-316"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -747,7 +789,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         >
           <img
             alt="auraBAL logo"
-            class="makeStyles-position-309"
+            class="makeStyles-position-317"
             src="/assets/icons/aurabal.svg"
           />
         </div>
@@ -795,15 +837,15 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-align-items-xs-center-22 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-310 makeStyles-root-232"
+          class="MuiBox-root-238 MuiBox-root-318 makeStyles-root-232"
         >
           <div
-            class="MuiBox-root-238 MuiBox-root-311 makeStyles-aprDisplay-235"
+            class="MuiBox-root-238 MuiBox-root-319 makeStyles-aprDisplay-235"
           >
             <p
               class="MuiTypography-root-144 MuiTypography-body1-146 MuiTypography-colorTextPrimary-169 MuiTypography-displayInline-172"
             >
-              14.91%
+              65.00%
             </p>
             <img
               alt="apy info icon"
@@ -812,14 +854,25 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             />
           </div>
           <div
-            class="MuiBox-root-238 MuiBox-root-312"
+            class="MuiBox-root-238 MuiBox-root-320 makeStyles-yieldBearingRewards-237"
           >
-            <p
-              class="MuiTypography-root-144 makeStyles-projectedApr-236 MuiTypography-body1-146"
+            <a
+              class="MuiTypography-root-144 MuiLink-root-295 MuiLink-underlineHover-297 MuiTypography-colorPrimary-167"
             >
-              Current: 
-              65.00%
-            </p>
+              <img
+                alt="Yield-Bearing Rewards"
+                src="assets/icons/yield-bearing-rewards.svg"
+                width="9"
+              />
+               Yield-Bearing Rewards:
+            </a>
+            <span
+              class="MuiTypography-root-144"
+            >
+              Rewards earn up to 
+              80.91
+              %
+            </span>
           </div>
         </div>
       </div>
@@ -827,7 +880,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-315"
+          class="MuiBox-root-238 MuiBox-root-323"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -840,7 +893,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-318"
+          class="MuiBox-root-238 MuiBox-root-326"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -865,17 +918,17 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         >
           <img
             alt="auraBAL logo"
-            class="makeStyles-position-319"
+            class="makeStyles-position-327"
             src="/assets/icons/aurabal.svg"
           />
           <img
             alt="graviAURA logo"
-            class="makeStyles-position-320"
+            class="makeStyles-position-328"
             src="/assets/icons/graviaura.svg"
           />
           <img
             alt="WETH logo"
-            class="makeStyles-position-321"
+            class="makeStyles-position-329"
             src="/assets/icons/weth.svg"
           />
         </div>
@@ -910,15 +963,15 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-align-items-xs-center-22 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-322 makeStyles-root-232"
+          class="MuiBox-root-238 MuiBox-root-330 makeStyles-root-232"
         >
           <div
-            class="MuiBox-root-238 MuiBox-root-323 makeStyles-aprDisplay-235"
+            class="MuiBox-root-238 MuiBox-root-331 makeStyles-aprDisplay-235"
           >
             <p
               class="MuiTypography-root-144 MuiTypography-body1-146 MuiTypography-colorTextPrimary-169 MuiTypography-displayInline-172"
             >
-              56.93%
+              95.64%
             </p>
             <img
               alt="apy info icon"
@@ -927,14 +980,25 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             />
           </div>
           <div
-            class="MuiBox-root-238 MuiBox-root-324"
+            class="MuiBox-root-238 MuiBox-root-332 makeStyles-yieldBearingRewards-237"
           >
-            <p
-              class="MuiTypography-root-144 makeStyles-projectedApr-236 MuiTypography-body1-146"
+            <a
+              class="MuiTypography-root-144 MuiLink-root-295 MuiLink-underlineHover-297 MuiTypography-colorPrimary-167"
             >
-              Current: 
-              95.64%
-            </p>
+              <img
+                alt="Yield-Bearing Rewards"
+                src="assets/icons/yield-bearing-rewards.svg"
+                width="9"
+              />
+               Yield-Bearing Rewards:
+            </a>
+            <span
+              class="MuiTypography-root-144"
+            >
+              Rewards earn up to 
+              80.91
+              %
+            </span>
           </div>
         </div>
       </div>
@@ -942,7 +1006,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-327"
+          class="MuiBox-root-238 MuiBox-root-335"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -955,7 +1019,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-330"
+          class="MuiBox-root-238 MuiBox-root-338"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -980,12 +1044,12 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-331"
+            class="makeStyles-position-339"
             src="/assets/icons/wbtc.svg"
           />
           <img
             alt="BADGER logo"
-            class="makeStyles-position-332"
+            class="makeStyles-position-340"
             src="/assets/icons/badger.svg"
           />
         </div>
@@ -1020,15 +1084,15 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-align-items-xs-center-22 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-333 makeStyles-root-232"
+          class="MuiBox-root-238 MuiBox-root-341 makeStyles-root-232"
         >
           <div
-            class="MuiBox-root-238 MuiBox-root-334 makeStyles-aprDisplay-235"
+            class="MuiBox-root-238 MuiBox-root-342 makeStyles-aprDisplay-235"
           >
             <p
               class="MuiTypography-root-144 MuiTypography-body1-146 MuiTypography-colorTextPrimary-169 MuiTypography-displayInline-172"
             >
-              62.26%
+              166.58%
             </p>
             <img
               alt="apy info icon"
@@ -1037,14 +1101,25 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             />
           </div>
           <div
-            class="MuiBox-root-238 MuiBox-root-335"
+            class="MuiBox-root-238 MuiBox-root-343 makeStyles-yieldBearingRewards-237"
           >
-            <p
-              class="MuiTypography-root-144 makeStyles-projectedApr-236 MuiTypography-body1-146"
+            <a
+              class="MuiTypography-root-144 MuiLink-root-295 MuiLink-underlineHover-297 MuiTypography-colorPrimary-167"
             >
-              Current: 
-              166.58%
-            </p>
+              <img
+                alt="Yield-Bearing Rewards"
+                src="assets/icons/yield-bearing-rewards.svg"
+                width="9"
+              />
+               Yield-Bearing Rewards:
+            </a>
+            <span
+              class="MuiTypography-root-144"
+            >
+              Rewards earn up to 
+              80.91
+              %
+            </span>
           </div>
         </div>
       </div>
@@ -1052,7 +1127,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-338"
+          class="MuiBox-root-238 MuiBox-root-346"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1065,7 +1140,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-341"
+          class="MuiBox-root-238 MuiBox-root-349"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1090,17 +1165,17 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-342"
+            class="makeStyles-position-350"
             src="/assets/icons/wbtc.svg"
           />
           <img
             alt="DIGG logo"
-            class="makeStyles-position-343"
+            class="makeStyles-position-351"
             src="/assets/icons/digg.svg"
           />
           <img
             alt="graviAURA logo"
-            class="makeStyles-position-344"
+            class="makeStyles-position-352"
             src="/assets/icons/graviaura.svg"
           />
         </div>
@@ -1135,15 +1210,15 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-align-items-xs-center-22 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-345 makeStyles-root-232"
+          class="MuiBox-root-238 MuiBox-root-353 makeStyles-root-232"
         >
           <div
-            class="MuiBox-root-238 MuiBox-root-346 makeStyles-aprDisplay-235"
+            class="MuiBox-root-238 MuiBox-root-354 makeStyles-aprDisplay-235"
           >
             <p
               class="MuiTypography-root-144 MuiTypography-body1-146 MuiTypography-colorTextPrimary-169 MuiTypography-displayInline-172"
             >
-              43.99%
+              5.08%
             </p>
             <img
               alt="apy info icon"
@@ -1152,14 +1227,25 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             />
           </div>
           <div
-            class="MuiBox-root-238 MuiBox-root-347"
+            class="MuiBox-root-238 MuiBox-root-355 makeStyles-yieldBearingRewards-237"
           >
-            <p
-              class="MuiTypography-root-144 makeStyles-projectedApr-236 MuiTypography-body1-146"
+            <a
+              class="MuiTypography-root-144 MuiLink-root-295 MuiLink-underlineHover-297 MuiTypography-colorPrimary-167"
             >
-              Current: 
-              5.08%
-            </p>
+              <img
+                alt="Yield-Bearing Rewards"
+                src="assets/icons/yield-bearing-rewards.svg"
+                width="9"
+              />
+               Yield-Bearing Rewards:
+            </a>
+            <span
+              class="MuiTypography-root-144"
+            >
+              Rewards earn up to 
+              80.91
+              %
+            </span>
           </div>
         </div>
       </div>
@@ -1167,7 +1253,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-350"
+          class="MuiBox-root-238 MuiBox-root-358"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1180,7 +1266,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-353"
+          class="MuiBox-root-238 MuiBox-root-361"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1205,12 +1291,12 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         >
           <img
             alt="CVX logo"
-            class="makeStyles-position-354"
+            class="makeStyles-position-362"
             src="/assets/icons/cvx.svg"
           />
           <img
             alt="bveCVX logo"
-            class="makeStyles-position-355"
+            class="makeStyles-position-363"
             src="/assets/icons/bvecvx.svg"
           />
         </div>
@@ -1245,10 +1331,10 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-align-items-xs-center-22 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-356 makeStyles-root-232"
+          class="MuiBox-root-238 MuiBox-root-364 makeStyles-root-232"
         >
           <div
-            class="MuiBox-root-238 MuiBox-root-357 makeStyles-aprDisplay-235"
+            class="MuiBox-root-238 MuiBox-root-365 makeStyles-aprDisplay-235"
           >
             <p
               class="MuiTypography-root-144 MuiTypography-body1-146 MuiTypography-colorTextPrimary-169 MuiTypography-displayInline-172"
@@ -1261,13 +1347,34 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
               src="/assets/icons/apy-info.svg"
             />
           </div>
+          <div
+            class="MuiBox-root-238 MuiBox-root-366 makeStyles-yieldBearingRewards-237"
+          >
+            <a
+              class="MuiTypography-root-144 MuiLink-root-295 MuiLink-underlineHover-297 MuiTypography-colorPrimary-167"
+            >
+              <img
+                alt="Yield-Bearing Rewards"
+                src="assets/icons/yield-bearing-rewards.svg"
+                width="9"
+              />
+               Yield-Bearing Rewards:
+            </a>
+            <span
+              class="MuiTypography-root-144"
+            >
+              Rewards earn up to 
+              28.32
+              %
+            </span>
+          </div>
         </div>
       </div>
       <div
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-360"
+          class="MuiBox-root-238 MuiBox-root-369"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1280,7 +1387,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-363"
+          class="MuiBox-root-238 MuiBox-root-372"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1305,7 +1412,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         >
           <img
             alt="cvxCRV logo"
-            class="makeStyles-position-364"
+            class="makeStyles-position-373"
             src="/assets/icons/cvxcrv.svg"
           />
         </div>
@@ -1366,10 +1473,10 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-align-items-xs-center-22 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-365 makeStyles-root-232"
+          class="MuiBox-root-238 MuiBox-root-374 makeStyles-root-232"
         >
           <div
-            class="MuiBox-root-238 MuiBox-root-366 makeStyles-aprDisplay-235"
+            class="MuiBox-root-238 MuiBox-root-375 makeStyles-aprDisplay-235"
           >
             <p
               class="MuiTypography-root-144 MuiTypography-body1-146 MuiTypography-colorTextPrimary-169 MuiTypography-displayInline-172"
@@ -1382,13 +1489,34 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
               src="/assets/icons/apy-info.svg"
             />
           </div>
+          <div
+            class="MuiBox-root-238 MuiBox-root-376 makeStyles-yieldBearingRewards-237"
+          >
+            <a
+              class="MuiTypography-root-144 MuiLink-root-295 MuiLink-underlineHover-297 MuiTypography-colorPrimary-167"
+            >
+              <img
+                alt="Yield-Bearing Rewards"
+                src="assets/icons/yield-bearing-rewards.svg"
+                width="9"
+              />
+               Yield-Bearing Rewards:
+            </a>
+            <span
+              class="MuiTypography-root-144"
+            >
+              Rewards earn up to 
+              28.32
+              %
+            </span>
+          </div>
         </div>
       </div>
       <div
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-369"
+          class="MuiBox-root-238 MuiBox-root-379"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1401,7 +1529,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-372"
+          class="MuiBox-root-238 MuiBox-root-382"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1426,12 +1554,12 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         >
           <img
             alt="wibBTC logo"
-            class="makeStyles-position-373"
+            class="makeStyles-position-383"
             src="/assets/icons/wibbtc.svg"
           />
           <img
             alt="crvRenWSBTC logo"
-            class="makeStyles-position-374"
+            class="makeStyles-position-384"
             src="/assets/icons/crvrenwsbtc.svg"
           />
         </div>
@@ -1479,10 +1607,10 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-align-items-xs-center-22 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-375 makeStyles-root-232"
+          class="MuiBox-root-238 MuiBox-root-385 makeStyles-root-232"
         >
           <div
-            class="MuiBox-root-238 MuiBox-root-376 makeStyles-aprDisplay-235"
+            class="MuiBox-root-238 MuiBox-root-386 makeStyles-aprDisplay-235"
           >
             <p
               class="MuiTypography-root-144 MuiTypography-body1-146 MuiTypography-colorTextPrimary-169 MuiTypography-displayInline-172"
@@ -1495,13 +1623,34 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
               src="/assets/icons/apy-info.svg"
             />
           </div>
+          <div
+            class="MuiBox-root-238 MuiBox-root-387 makeStyles-yieldBearingRewards-237"
+          >
+            <a
+              class="MuiTypography-root-144 MuiLink-root-295 MuiLink-underlineHover-297 MuiTypography-colorPrimary-167"
+            >
+              <img
+                alt="Yield-Bearing Rewards"
+                src="assets/icons/yield-bearing-rewards.svg"
+                width="9"
+              />
+               Yield-Bearing Rewards:
+            </a>
+            <span
+              class="MuiTypography-root-144"
+            >
+              Rewards earn up to 
+              28.32
+              %
+            </span>
+          </div>
         </div>
       </div>
       <div
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-379"
+          class="MuiBox-root-238 MuiBox-root-390"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1514,7 +1663,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-382"
+          class="MuiBox-root-238 MuiBox-root-393"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1539,12 +1688,12 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         >
           <img
             alt="BADGER logo"
-            class="makeStyles-position-383"
+            class="makeStyles-position-394"
             src="/assets/icons/badger.svg"
           />
           <img
             alt="WBTC logo"
-            class="makeStyles-position-384"
+            class="makeStyles-position-395"
             src="/assets/icons/wbtc.svg"
           />
         </div>
@@ -1579,10 +1728,10 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-align-items-xs-center-22 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-385 makeStyles-root-232"
+          class="MuiBox-root-238 MuiBox-root-396 makeStyles-root-232"
         >
           <div
-            class="MuiBox-root-238 MuiBox-root-386 makeStyles-aprDisplay-235"
+            class="MuiBox-root-238 MuiBox-root-397 makeStyles-aprDisplay-235"
           >
             <p
               class="MuiTypography-root-144 MuiTypography-body1-146 MuiTypography-colorTextPrimary-169 MuiTypography-displayInline-172"
@@ -1595,13 +1744,34 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
               src="/assets/icons/apy-info.svg"
             />
           </div>
+          <div
+            class="MuiBox-root-238 MuiBox-root-398 makeStyles-yieldBearingRewards-237"
+          >
+            <a
+              class="MuiTypography-root-144 MuiLink-root-295 MuiLink-underlineHover-297 MuiTypography-colorPrimary-167"
+            >
+              <img
+                alt="Yield-Bearing Rewards"
+                src="assets/icons/yield-bearing-rewards.svg"
+                width="9"
+              />
+               Yield-Bearing Rewards:
+            </a>
+            <span
+              class="MuiTypography-root-144"
+            >
+              Rewards earn up to 
+              28.32
+              %
+            </span>
+          </div>
         </div>
       </div>
       <div
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-389"
+          class="MuiBox-root-238 MuiBox-root-401"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1614,7 +1784,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-392"
+          class="MuiBox-root-238 MuiBox-root-404"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1639,12 +1809,12 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-393"
+            class="makeStyles-position-405"
             src="/assets/icons/wbtc.svg"
           />
           <img
             alt="BADGER logo"
-            class="makeStyles-position-394"
+            class="makeStyles-position-406"
             src="/assets/icons/badger.svg"
           />
         </div>
@@ -1679,10 +1849,10 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-align-items-xs-center-22 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-395 makeStyles-root-232"
+          class="MuiBox-root-238 MuiBox-root-407 makeStyles-root-232"
         >
           <div
-            class="MuiBox-root-238 MuiBox-root-396 makeStyles-aprDisplay-235"
+            class="MuiBox-root-238 MuiBox-root-408 makeStyles-aprDisplay-235"
           >
             <p
               class="MuiTypography-root-144 MuiTypography-body1-146 MuiTypography-colorTextPrimary-169 MuiTypography-displayInline-172"
@@ -1701,7 +1871,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-399"
+          class="MuiBox-root-238 MuiBox-root-411"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1714,7 +1884,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-402"
+          class="MuiBox-root-238 MuiBox-root-414"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1739,7 +1909,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-403"
+            class="makeStyles-position-415"
             src="/assets/icons/wbtc.svg"
           />
         </div>
@@ -1774,10 +1944,10 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-align-items-xs-center-22 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-404 makeStyles-root-232"
+          class="MuiBox-root-238 MuiBox-root-416 makeStyles-root-232"
         >
           <div
-            class="MuiBox-root-238 MuiBox-root-405 makeStyles-aprDisplay-235"
+            class="MuiBox-root-238 MuiBox-root-417 makeStyles-aprDisplay-235"
           >
             <p
               class="MuiTypography-root-144 MuiTypography-body1-146 MuiTypography-colorTextPrimary-169 MuiTypography-displayInline-172"
@@ -1796,7 +1966,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-408"
+          class="MuiBox-root-238 MuiBox-root-420"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1809,7 +1979,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-411"
+          class="MuiBox-root-238 MuiBox-root-423"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1834,12 +2004,12 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-412"
+            class="makeStyles-position-424"
             src="/assets/icons/wbtc.svg"
           />
           <img
             alt="WETH logo"
-            class="makeStyles-position-413"
+            class="makeStyles-position-425"
             src="/assets/icons/weth.svg"
           />
         </div>
@@ -1874,10 +2044,10 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-align-items-xs-center-22 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-414 makeStyles-root-232"
+          class="MuiBox-root-238 MuiBox-root-426 makeStyles-root-232"
         >
           <div
-            class="MuiBox-root-238 MuiBox-root-415 makeStyles-aprDisplay-235"
+            class="MuiBox-root-238 MuiBox-root-427 makeStyles-aprDisplay-235"
           >
             <p
               class="MuiTypography-root-144 MuiTypography-body1-146 MuiTypography-colorTextPrimary-169 MuiTypography-displayInline-172"
@@ -1896,7 +2066,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-418"
+          class="MuiBox-root-238 MuiBox-root-430"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1909,7 +2079,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-421"
+          class="MuiBox-root-238 MuiBox-root-433"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1934,17 +2104,17 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         >
           <img
             alt="bb-a-USDT logo"
-            class="makeStyles-position-422"
+            class="makeStyles-position-434"
             src="/assets/icons/bb-a-usdt.svg"
           />
           <img
             alt="bb-a-DAI logo"
-            class="makeStyles-position-423"
+            class="makeStyles-position-435"
             src="/assets/icons/bb-a-dai.svg"
           />
           <img
             alt="bb-a-USDC logo"
-            class="makeStyles-position-424"
+            class="makeStyles-position-436"
             src="/assets/icons/bb-a-usdc.svg"
           />
         </div>
@@ -1979,15 +2149,15 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-align-items-xs-center-22 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-425 makeStyles-root-232"
+          class="MuiBox-root-238 MuiBox-root-437 makeStyles-root-232"
         >
           <div
-            class="MuiBox-root-238 MuiBox-root-426 makeStyles-aprDisplay-235"
+            class="MuiBox-root-238 MuiBox-root-438 makeStyles-aprDisplay-235"
           >
             <p
               class="MuiTypography-root-144 MuiTypography-body1-146 MuiTypography-colorTextPrimary-169 MuiTypography-displayInline-172"
             >
-              1.75%
+              6.89%
             </p>
             <img
               alt="apy info icon"
@@ -1996,14 +2166,25 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             />
           </div>
           <div
-            class="MuiBox-root-238 MuiBox-root-427"
+            class="MuiBox-root-238 MuiBox-root-439 makeStyles-yieldBearingRewards-237"
           >
-            <p
-              class="MuiTypography-root-144 makeStyles-projectedApr-236 MuiTypography-body1-146"
+            <a
+              class="MuiTypography-root-144 MuiLink-root-295 MuiLink-underlineHover-297 MuiTypography-colorPrimary-167"
             >
-              Current: 
-              6.89%
-            </p>
+              <img
+                alt="Yield-Bearing Rewards"
+                src="assets/icons/yield-bearing-rewards.svg"
+                width="9"
+              />
+               Yield-Bearing Rewards:
+            </a>
+            <span
+              class="MuiTypography-root-144"
+            >
+              Rewards earn up to 
+              80.91
+              %
+            </span>
           </div>
         </div>
       </div>
@@ -2011,7 +2192,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-430"
+          class="MuiBox-root-238 MuiBox-root-442"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -2024,7 +2205,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-433"
+          class="MuiBox-root-238 MuiBox-root-445"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -2049,12 +2230,12 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         >
           <img
             alt="renBTC logo"
-            class="makeStyles-position-434"
+            class="makeStyles-position-446"
             src="/assets/icons/renbtc.svg"
           />
           <img
             alt="WBTC logo"
-            class="makeStyles-position-435"
+            class="makeStyles-position-447"
             src="/assets/icons/wbtc.svg"
           />
         </div>
@@ -2089,10 +2270,10 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-align-items-xs-center-22 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-436 makeStyles-root-232"
+          class="MuiBox-root-238 MuiBox-root-448 makeStyles-root-232"
         >
           <div
-            class="MuiBox-root-238 MuiBox-root-437 makeStyles-aprDisplay-235"
+            class="MuiBox-root-238 MuiBox-root-449 makeStyles-aprDisplay-235"
           >
             <p
               class="MuiTypography-root-144 MuiTypography-body1-146 MuiTypography-colorTextPrimary-169 MuiTypography-displayInline-172"
@@ -2105,13 +2286,34 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
               src="/assets/icons/apy-info.svg"
             />
           </div>
+          <div
+            class="MuiBox-root-238 MuiBox-root-450 makeStyles-yieldBearingRewards-237"
+          >
+            <a
+              class="MuiTypography-root-144 MuiLink-root-295 MuiLink-underlineHover-297 MuiTypography-colorPrimary-167"
+            >
+              <img
+                alt="Yield-Bearing Rewards"
+                src="assets/icons/yield-bearing-rewards.svg"
+                width="9"
+              />
+               Yield-Bearing Rewards:
+            </a>
+            <span
+              class="MuiTypography-root-144"
+            >
+              Rewards earn up to 
+              28.32
+              %
+            </span>
+          </div>
         </div>
       </div>
       <div
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-440"
+          class="MuiBox-root-238 MuiBox-root-453"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -2124,7 +2326,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-443"
+          class="MuiBox-root-238 MuiBox-root-456"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -2149,17 +2351,17 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         >
           <img
             alt="USDT logo"
-            class="makeStyles-position-444"
+            class="makeStyles-position-457"
             src="/assets/icons/usdt.svg"
           />
           <img
             alt="WBTC logo"
-            class="makeStyles-position-445"
+            class="makeStyles-position-458"
             src="/assets/icons/wbtc.svg"
           />
           <img
             alt="WETH logo"
-            class="makeStyles-position-446"
+            class="makeStyles-position-459"
             src="/assets/icons/weth.svg"
           />
         </div>
@@ -2194,10 +2396,10 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-align-items-xs-center-22 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-447 makeStyles-root-232"
+          class="MuiBox-root-238 MuiBox-root-460 makeStyles-root-232"
         >
           <div
-            class="MuiBox-root-238 MuiBox-root-448 makeStyles-aprDisplay-235"
+            class="MuiBox-root-238 MuiBox-root-461 makeStyles-aprDisplay-235"
           >
             <p
               class="MuiTypography-root-144 MuiTypography-body1-146 MuiTypography-colorTextPrimary-169 MuiTypography-displayInline-172"
@@ -2210,13 +2412,34 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
               src="/assets/icons/apy-info.svg"
             />
           </div>
+          <div
+            class="MuiBox-root-238 MuiBox-root-462 makeStyles-yieldBearingRewards-237"
+          >
+            <a
+              class="MuiTypography-root-144 MuiLink-root-295 MuiLink-underlineHover-297 MuiTypography-colorPrimary-167"
+            >
+              <img
+                alt="Yield-Bearing Rewards"
+                src="assets/icons/yield-bearing-rewards.svg"
+                width="9"
+              />
+               Yield-Bearing Rewards:
+            </a>
+            <span
+              class="MuiTypography-root-144"
+            >
+              Rewards earn up to 
+              28.32
+              %
+            </span>
+          </div>
         </div>
       </div>
       <div
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-451"
+          class="MuiBox-root-238 MuiBox-root-465"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -2229,7 +2452,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-454"
+          class="MuiBox-root-238 MuiBox-root-468"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
diff --git a/src/tests/vaults/__snapshots__/VaultsSearchControl.test.tsx.snap b/src/tests/vaults/__snapshots__/VaultsSearchControl.test.tsx.snap
index dbff84a3b..334fbde5f 100644
--- a/src/tests/vaults/__snapshots__/VaultsSearchControl.test.tsx.snap
+++ b/src/tests/vaults/__snapshots__/VaultsSearchControl.test.tsx.snap
@@ -37,7 +37,7 @@ exports[`VaultSearchControl desktop renders correctly 1`] = `
               </svg>
             </span>
             <span
-              class="MuiTouchRipple-root-373"
+              class="MuiTouchRipple-root-347"
             />
           </span>
           <span
@@ -78,7 +78,7 @@ exports[`VaultSearchControl desktop renders correctly 1`] = `
               </svg>
             </span>
             <span
-              class="MuiTouchRipple-root-373"
+              class="MuiTouchRipple-root-347"
             />
           </span>
           <span
@@ -119,7 +119,7 @@ exports[`VaultSearchControl desktop renders correctly 1`] = `
               </svg>
             </span>
             <span
-              class="MuiTouchRipple-root-373"
+              class="MuiTouchRipple-root-347"
             />
           </span>
           <span
@@ -133,68 +133,30 @@ exports[`VaultSearchControl desktop renders correctly 1`] = `
           </span>
         </label>
       </div>
-      <div>
-        <div
-          aria-label="apy apr selector"
-          class="MuiButtonGroup-root-205"
-          role="group"
-        >
-          <button
-            aria-selected="true"
-            class="MuiButtonBase-root-160 MuiButton-root-229 MuiButton-outlined-234 MuiButtonGroup-grouped-211 MuiButtonGroup-groupedHorizontal-212 MuiButtonGroup-groupedOutlined-219 MuiButtonGroup-groupedOutlinedHorizontal-220 MuiButtonGroup-groupedOutlined-219 makeStyles-selected-203 makeStyles-button-204"
-            tabindex="0"
-            type="button"
-          >
-            <span
-              class="MuiButton-label-230"
-            >
-              APY
-            </span>
-            <span
-              class="MuiTouchRipple-root-373"
-            />
-          </button>
-          <button
-            aria-selected="false"
-            class="MuiButtonBase-root-160 MuiButton-root-229 MuiButton-outlined-234 MuiButtonGroup-grouped-211 MuiButtonGroup-groupedHorizontal-212 MuiButtonGroup-groupedOutlined-219 MuiButtonGroup-groupedOutlinedHorizontal-220 MuiButtonGroup-groupedOutlined-219 makeStyles-button-204"
-            tabindex="0"
-            type="button"
-          >
-            <span
-              class="MuiButton-label-230"
-            >
-              APR
-            </span>
-            <span
-              class="MuiTouchRipple-root-373"
-            />
-          </button>
-        </div>
-      </div>
     </div>
     <div
-      class="MuiGrid-root-32 makeStyles-root-258 MuiGrid-container-33"
+      class="MuiGrid-root-32 makeStyles-root-203 MuiGrid-container-33"
     >
       <div
         class="MuiGrid-root-32 MuiGrid-item-34 MuiGrid-grid-xs-true-66"
       >
         <div
-          class="MuiFormControl-root-261 makeStyles-formControl-259"
+          class="MuiFormControl-root-206 makeStyles-formControl-204"
         >
           <label
-            class="MuiFormLabel-root-277 MuiInputLabel-root-265 MuiInputLabel-formControl-271 MuiInputLabel-animated-274 MuiInputLabel-outlined-276"
+            class="MuiFormLabel-root-222 MuiInputLabel-root-210 MuiInputLabel-formControl-216 MuiInputLabel-animated-219 MuiInputLabel-outlined-221"
             data-shrink="false"
             id="status-selector-id-label"
           >
             Status
           </label>
           <div
-            class="MuiInputBase-root-311 MuiOutlinedInput-root-296 MuiInputBase-formControl-312"
+            class="MuiInputBase-root-256 MuiOutlinedInput-root-241 MuiInputBase-formControl-257"
           >
             <div
               aria-haspopup="listbox"
               aria-labelledby="status-selector-id-label status-selector"
-              class="MuiSelect-root-285 MuiSelect-select-286 MuiSelect-selectMenu-289 MuiSelect-outlined-288 MuiInputBase-input-322 MuiOutlinedInput-input-306"
+              class="MuiSelect-root-230 MuiSelect-select-231 MuiSelect-selectMenu-234 MuiSelect-outlined-233 MuiInputBase-input-267 MuiOutlinedInput-input-251"
               id="status-selector"
               role="button"
               tabindex="0"
@@ -205,14 +167,14 @@ exports[`VaultSearchControl desktop renders correctly 1`] = `
             </div>
             <input
               aria-hidden="true"
-              class="MuiSelect-nativeInput-295"
+              class="MuiSelect-nativeInput-240"
               data-testid="status-selector-input"
               tabindex="-1"
               value=""
             />
             <svg
               aria-hidden="true"
-              class="MuiSvgIcon-root-163 MuiSelect-icon-291 MuiSelect-iconOutlined-294"
+              class="MuiSvgIcon-root-163 MuiSelect-icon-236 MuiSelect-iconOutlined-239"
               focusable="false"
               viewBox="0 0 24 24"
             >
@@ -222,10 +184,10 @@ exports[`VaultSearchControl desktop renders correctly 1`] = `
             </svg>
             <fieldset
               aria-hidden="true"
-              class="PrivateNotchedOutline-root-333 MuiOutlinedInput-notchedOutline-305"
+              class="PrivateNotchedOutline-root-278 MuiOutlinedInput-notchedOutline-250"
             >
               <legend
-                class="PrivateNotchedOutline-legendLabelled-335"
+                class="PrivateNotchedOutline-legendLabelled-280"
               >
                 <span>
                   Status
@@ -239,22 +201,22 @@ exports[`VaultSearchControl desktop renders correctly 1`] = `
         class="MuiGrid-root-32 MuiGrid-item-34 MuiGrid-grid-xs-true-66"
       >
         <div
-          class="MuiFormControl-root-261 makeStyles-formControl-337"
+          class="MuiFormControl-root-206 makeStyles-formControl-282"
         >
           <label
-            class="MuiFormLabel-root-277 MuiInputLabel-root-265 MuiInputLabel-formControl-271 MuiInputLabel-animated-274 MuiInputLabel-outlined-276"
+            class="MuiFormLabel-root-222 MuiInputLabel-root-210 MuiInputLabel-formControl-216 MuiInputLabel-animated-219 MuiInputLabel-outlined-221"
             data-shrink="false"
             id="platform-selector-id-label"
           >
             Platform
           </label>
           <div
-            class="MuiInputBase-root-311 MuiOutlinedInput-root-296 MuiInputBase-formControl-312"
+            class="MuiInputBase-root-256 MuiOutlinedInput-root-241 MuiInputBase-formControl-257"
           >
             <div
               aria-haspopup="listbox"
               aria-labelledby="platform-selector-id-label platform-selector"
-              class="MuiSelect-root-285 MuiSelect-select-286 MuiSelect-selectMenu-289 MuiSelect-outlined-288 MuiInputBase-input-322 MuiOutlinedInput-input-306"
+              class="MuiSelect-root-230 MuiSelect-select-231 MuiSelect-selectMenu-234 MuiSelect-outlined-233 MuiInputBase-input-267 MuiOutlinedInput-input-251"
               id="platform-selector"
               role="button"
               tabindex="0"
@@ -265,14 +227,14 @@ exports[`VaultSearchControl desktop renders correctly 1`] = `
             </div>
             <input
               aria-hidden="true"
-              class="MuiSelect-nativeInput-295"
+              class="MuiSelect-nativeInput-240"
               data-testid="platform-selector-input"
               tabindex="-1"
               value=""
             />
             <svg
               aria-hidden="true"
-              class="MuiSvgIcon-root-163 MuiSelect-icon-291 MuiSelect-iconOutlined-294"
+              class="MuiSvgIcon-root-163 MuiSelect-icon-236 MuiSelect-iconOutlined-239"
               focusable="false"
               viewBox="0 0 24 24"
             >
@@ -282,10 +244,10 @@ exports[`VaultSearchControl desktop renders correctly 1`] = `
             </svg>
             <fieldset
               aria-hidden="true"
-              class="PrivateNotchedOutline-root-333 MuiOutlinedInput-notchedOutline-305"
+              class="PrivateNotchedOutline-root-278 MuiOutlinedInput-notchedOutline-250"
             >
               <legend
-                class="PrivateNotchedOutline-legendLabelled-335"
+                class="PrivateNotchedOutline-legendLabelled-280"
               >
                 <span>
                   Platform
@@ -299,22 +261,22 @@ exports[`VaultSearchControl desktop renders correctly 1`] = `
         class="MuiGrid-root-32 MuiGrid-item-34 MuiGrid-grid-xs-true-66"
       >
         <div
-          class="MuiFormControl-root-261 makeStyles-formControl-339"
+          class="MuiFormControl-root-206 makeStyles-formControl-284"
         >
           <label
-            class="MuiFormLabel-root-277 MuiInputLabel-root-265 MuiInputLabel-formControl-271 MuiInputLabel-animated-274 MuiInputLabel-outlined-276"
+            class="MuiFormLabel-root-222 MuiInputLabel-root-210 MuiInputLabel-formControl-216 MuiInputLabel-animated-219 MuiInputLabel-outlined-221"
             data-shrink="false"
             id="rewards-selector-id-label"
           >
             Rewards
           </label>
           <div
-            class="MuiInputBase-root-311 MuiOutlinedInput-root-296 MuiInputBase-formControl-312"
+            class="MuiInputBase-root-256 MuiOutlinedInput-root-241 MuiInputBase-formControl-257"
           >
             <div
               aria-haspopup="listbox"
               aria-labelledby="rewards-selector-id-label rewards-selector"
-              class="MuiSelect-root-285 MuiSelect-select-286 MuiSelect-selectMenu-289 MuiSelect-outlined-288 MuiInputBase-input-322 MuiOutlinedInput-input-306"
+              class="MuiSelect-root-230 MuiSelect-select-231 MuiSelect-selectMenu-234 MuiSelect-outlined-233 MuiInputBase-input-267 MuiOutlinedInput-input-251"
               id="rewards-selector"
               role="button"
               tabindex="0"
@@ -325,14 +287,14 @@ exports[`VaultSearchControl desktop renders correctly 1`] = `
             </div>
             <input
               aria-hidden="true"
-              class="MuiSelect-nativeInput-295"
+              class="MuiSelect-nativeInput-240"
               data-testid="rewards-selector-input"
               tabindex="-1"
               value=""
             />
             <svg
               aria-hidden="true"
-              class="MuiSvgIcon-root-163 MuiSelect-icon-291 MuiSelect-iconOutlined-294"
+              class="MuiSvgIcon-root-163 MuiSelect-icon-236 MuiSelect-iconOutlined-239"
               focusable="false"
               viewBox="0 0 24 24"
             >
@@ -342,10 +304,10 @@ exports[`VaultSearchControl desktop renders correctly 1`] = `
             </svg>
             <fieldset
               aria-hidden="true"
-              class="PrivateNotchedOutline-root-333 MuiOutlinedInput-notchedOutline-305"
+              class="PrivateNotchedOutline-root-278 MuiOutlinedInput-notchedOutline-250"
             >
               <legend
-                class="PrivateNotchedOutline-legendLabelled-335"
+                class="PrivateNotchedOutline-legendLabelled-280"
               >
                 <span>
                   Rewards
@@ -359,25 +321,25 @@ exports[`VaultSearchControl desktop renders correctly 1`] = `
         class="MuiGrid-root-32 MuiGrid-item-34 MuiGrid-grid-xs-true-66 MuiGrid-grid-md-true-94 MuiGrid-grid-lg-6-114"
       >
         <div
-          class="MuiFormControl-root-261 MuiTextField-root-343 makeStyles-root-341"
+          class="MuiFormControl-root-206 MuiTextField-root-288 makeStyles-root-286"
         >
           <div
-            class="MuiInputBase-root-311 MuiOutlinedInput-root-296 MuiInputBase-formControl-312 MuiInputBase-adornedEnd-316 MuiOutlinedInput-adornedEnd-301"
+            class="MuiInputBase-root-256 MuiOutlinedInput-root-241 MuiInputBase-formControl-257 MuiInputBase-adornedEnd-261 MuiOutlinedInput-adornedEnd-246"
           >
             <input
               aria-invalid="false"
               aria-label="Vault Search"
-              class="MuiInputBase-input-322 MuiOutlinedInput-input-306 MuiInputBase-inputAdornedEnd-327 MuiOutlinedInput-inputAdornedEnd-310"
+              class="MuiInputBase-input-267 MuiOutlinedInput-input-251 MuiInputBase-inputAdornedEnd-272 MuiOutlinedInput-inputAdornedEnd-255"
               placeholder="Search by vault name, token, rewards..."
               type="text"
               value=""
             />
             <div
-              class="MuiInputAdornment-root-344 MuiInputAdornment-positionEnd-347"
+              class="MuiInputAdornment-root-289 MuiInputAdornment-positionEnd-292"
             >
               <button
                 aria-label="search"
-                class="MuiButtonBase-root-160 MuiIconButton-root-151 makeStyles-icon-342 MuiIconButton-sizeSmall-158"
+                class="MuiButtonBase-root-160 MuiIconButton-root-151 makeStyles-icon-287 MuiIconButton-sizeSmall-158"
                 tabindex="0"
                 type="button"
               >
@@ -396,17 +358,17 @@ exports[`VaultSearchControl desktop renders correctly 1`] = `
                   </svg>
                 </span>
                 <span
-                  class="MuiTouchRipple-root-373"
+                  class="MuiTouchRipple-root-347"
                 />
               </button>
             </div>
             <fieldset
               aria-hidden="true"
-              class="PrivateNotchedOutline-root-333 MuiOutlinedInput-notchedOutline-305"
+              class="PrivateNotchedOutline-root-278 MuiOutlinedInput-notchedOutline-250"
               style="padding-left: 8px;"
             >
               <legend
-                class="PrivateNotchedOutline-legend-334"
+                class="PrivateNotchedOutline-legend-279"
                 style="width: 0.01px;"
               >
                 <span>
@@ -421,17 +383,17 @@ exports[`VaultSearchControl desktop renders correctly 1`] = `
         class="MuiGrid-root-32 MuiGrid-item-34 MuiGrid-grid-xs-auto-65"
       >
         <button
-          class="MuiButtonBase-root-160 MuiButton-root-229 MuiButton-text-231 MuiButton-textPrimary-232 MuiButton-fullWidth-252"
+          class="MuiButtonBase-root-160 MuiButton-root-296 MuiButton-text-298 MuiButton-textPrimary-299 MuiButton-fullWidth-319"
           tabindex="0"
           type="button"
         >
           <span
-            class="MuiButton-label-230"
+            class="MuiButton-label-297"
           >
             CLEAR ALL
           </span>
           <span
-            class="MuiTouchRipple-root-373"
+            class="MuiTouchRipple-root-347"
           />
         </button>
       </div>
@@ -485,7 +447,7 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
                 </svg>
               </span>
               <span
-                class="MuiTouchRipple-root-375"
+                class="MuiTouchRipple-root-349"
               />
             </span>
             <span
@@ -503,12 +465,12 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
           class="MuiGrid-root-32 MuiGrid-container-33 MuiGrid-item-34 MuiGrid-justify-content-xs-flex-end-51 MuiGrid-grid-xs-true-66"
         >
           <button
-            class="MuiButtonBase-root-160 MuiButton-root-229 MuiButton-text-231 makeStyles-button-373"
+            class="MuiButtonBase-root-160 MuiButton-root-296 MuiButton-text-298 makeStyles-button-347"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiButton-label-230 makeStyles-buttonLabel-374"
+              class="MuiButton-label-297 makeStyles-buttonLabel-348"
             >
               <p
                 class="MuiTypography-root-172 MuiTypography-body2-173 MuiTypography-displayInline-200"
@@ -527,7 +489,7 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
               </svg>
             </span>
             <span
-              class="MuiTouchRipple-root-375"
+              class="MuiTouchRipple-root-349"
             />
           </button>
         </div>
@@ -535,13 +497,13 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
     </div>
   </div>
   <div
-    class="MuiDialog-root-358"
+    class="MuiDialog-root-332"
     role="presentation"
     style="position: fixed; z-index: 1300; right: 0px; bottom: 0px; top: 0px; left: 0px;"
   >
     <div
       aria-hidden="true"
-      class="MuiBackdrop-root-385"
+      class="MuiBackdrop-root-359"
       style="opacity: 1;"
     />
     <div
@@ -549,17 +511,17 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
       tabindex="0"
     />
     <div
-      class="MuiDialog-container-361 MuiDialog-scrollPaper-359"
+      class="MuiDialog-container-335 MuiDialog-scrollPaper-333"
       role="none presentation"
       style="opacity: 1;"
       tabindex="-1"
     >
       <div
-        class="MuiPaper-root-4 MuiDialog-paper-362 MuiDialog-paperScrollPaper-363 MuiDialog-paperWidthXl-370 MuiDialog-paperFullWidth-371 MuiPaper-elevation24-31 MuiPaper-rounded-5"
+        class="MuiPaper-root-4 MuiDialog-paper-336 MuiDialog-paperScrollPaper-337 MuiDialog-paperWidthXl-344 MuiDialog-paperFullWidth-345 MuiPaper-elevation24-31 MuiPaper-rounded-5"
         role="dialog"
       >
         <div
-          class="MuiDialogTitle-root-387 makeStyles-title-351"
+          class="MuiDialogTitle-root-361 makeStyles-title-325"
         >
           <div
             class="MuiGrid-root-32 MuiGrid-container-33 MuiGrid-align-items-xs-center-41 MuiGrid-justify-content-xs-space-between-52"
@@ -571,7 +533,7 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
             </h5>
             <button
               aria-label="close vault filters"
-              class="MuiButtonBase-root-160 MuiIconButton-root-151 makeStyles-closeButton-353"
+              class="MuiButtonBase-root-160 MuiIconButton-root-151 makeStyles-closeButton-327"
               tabindex="0"
               type="button"
             >
@@ -590,16 +552,16 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
                 </svg>
               </span>
               <span
-                class="MuiTouchRipple-root-375"
+                class="MuiTouchRipple-root-349"
               />
             </button>
           </div>
         </div>
         <div
-          class="MuiDialogContent-root-388 makeStyles-content-352"
+          class="MuiDialogContent-root-362 makeStyles-content-326"
         >
           <hr
-            class="MuiDivider-root-390 makeStyles-topDivider-356"
+            class="MuiDivider-root-364 makeStyles-topDivider-330"
           />
           <div
             class="MuiGrid-root-32 MuiGrid-container-33 MuiGrid-direction-xs-column-36"
@@ -636,7 +598,7 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
                     </svg>
                   </span>
                   <span
-                    class="MuiTouchRipple-root-375"
+                    class="MuiTouchRipple-root-349"
                   />
                 </span>
                 <span
@@ -682,7 +644,7 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
                     </svg>
                   </span>
                   <span
-                    class="MuiTouchRipple-root-375"
+                    class="MuiTouchRipple-root-349"
                   />
                 </span>
                 <span
@@ -700,7 +662,7 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
               class="MuiGrid-root-32 MuiGrid-item-34"
             >
               <label
-                class="MuiFormControlLabel-root-135 makeStyles-label-397"
+                class="MuiFormControlLabel-root-135 makeStyles-label-371"
               >
                 <span
                   aria-disabled="false"
@@ -728,7 +690,7 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
                     </svg>
                   </span>
                   <span
-                    class="MuiTouchRipple-root-375"
+                    class="MuiTouchRipple-root-349"
                   />
                 </span>
                 <span
@@ -744,31 +706,31 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
             </div>
           </div>
           <hr
-            class="MuiDivider-root-390 makeStyles-divider-355"
+            class="MuiDivider-root-364 makeStyles-divider-329"
           />
           <div
             class="MuiGrid-root-32 MuiGrid-container-33 MuiGrid-direction-xs-column-36"
           >
             <div
-              class="MuiGrid-root-32 makeStyles-select-354 MuiGrid-item-34"
+              class="MuiGrid-root-32 makeStyles-select-328 MuiGrid-item-34"
             >
               <div
-                class="MuiFormControl-root-400 makeStyles-formControl-398"
+                class="MuiFormControl-root-374 makeStyles-formControl-372"
               >
                 <label
-                  class="MuiFormLabel-root-416 MuiInputLabel-root-404 MuiInputLabel-formControl-410 MuiInputLabel-animated-413 MuiInputLabel-shrink-412 MuiInputLabel-outlined-415 MuiFormLabel-filled-421"
+                  class="MuiFormLabel-root-390 MuiInputLabel-root-378 MuiInputLabel-formControl-384 MuiInputLabel-animated-387 MuiInputLabel-shrink-386 MuiInputLabel-outlined-389 MuiFormLabel-filled-395"
                   data-shrink="true"
                   id="status-selector-id-label"
                 >
                   Status
                 </label>
                 <div
-                  class="MuiInputBase-root-450 MuiOutlinedInput-root-435 MuiInputBase-formControl-451"
+                  class="MuiInputBase-root-424 MuiOutlinedInput-root-409 MuiInputBase-formControl-425"
                 >
                   <div
                     aria-haspopup="listbox"
                     aria-labelledby="status-selector-id-label status-selector"
-                    class="MuiSelect-root-424 MuiSelect-select-425 MuiSelect-selectMenu-428 MuiSelect-outlined-427 MuiInputBase-input-461 MuiOutlinedInput-input-445"
+                    class="MuiSelect-root-398 MuiSelect-select-399 MuiSelect-selectMenu-402 MuiSelect-outlined-401 MuiInputBase-input-435 MuiOutlinedInput-input-419"
                     id="status-selector"
                     role="button"
                     tabindex="0"
@@ -777,14 +739,14 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
                   </div>
                   <input
                     aria-hidden="true"
-                    class="MuiSelect-nativeInput-434"
+                    class="MuiSelect-nativeInput-408"
                     data-testid="status-selector-input"
                     tabindex="-1"
                     value="guarded,experimental"
                   />
                   <svg
                     aria-hidden="true"
-                    class="MuiSvgIcon-root-163 MuiSelect-icon-430 MuiSelect-iconOutlined-433"
+                    class="MuiSvgIcon-root-163 MuiSelect-icon-404 MuiSelect-iconOutlined-407"
                     focusable="false"
                     viewBox="0 0 24 24"
                   >
@@ -794,10 +756,10 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
                   </svg>
                   <fieldset
                     aria-hidden="true"
-                    class="PrivateNotchedOutline-root-472 MuiOutlinedInput-notchedOutline-444"
+                    class="PrivateNotchedOutline-root-446 MuiOutlinedInput-notchedOutline-418"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legendLabelled-474 PrivateNotchedOutline-legendNotched-475"
+                      class="PrivateNotchedOutline-legendLabelled-448 PrivateNotchedOutline-legendNotched-449"
                     >
                       <span>
                         Status
@@ -808,25 +770,25 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
               </div>
             </div>
             <div
-              class="MuiGrid-root-32 makeStyles-select-354 MuiGrid-item-34"
+              class="MuiGrid-root-32 makeStyles-select-328 MuiGrid-item-34"
             >
               <div
-                class="MuiFormControl-root-400 makeStyles-formControl-476"
+                class="MuiFormControl-root-374 makeStyles-formControl-450"
               >
                 <label
-                  class="MuiFormLabel-root-416 MuiInputLabel-root-404 MuiInputLabel-formControl-410 MuiInputLabel-animated-413 MuiInputLabel-shrink-412 MuiInputLabel-outlined-415 MuiFormLabel-filled-421"
+                  class="MuiFormLabel-root-390 MuiInputLabel-root-378 MuiInputLabel-formControl-384 MuiInputLabel-animated-387 MuiInputLabel-shrink-386 MuiInputLabel-outlined-389 MuiFormLabel-filled-395"
                   data-shrink="true"
                   id="platform-selector-id-label"
                 >
                   Platform
                 </label>
                 <div
-                  class="MuiInputBase-root-450 MuiOutlinedInput-root-435 MuiInputBase-formControl-451"
+                  class="MuiInputBase-root-424 MuiOutlinedInput-root-409 MuiInputBase-formControl-425"
                 >
                   <div
                     aria-haspopup="listbox"
                     aria-labelledby="platform-selector-id-label platform-selector"
-                    class="MuiSelect-root-424 MuiSelect-select-425 MuiSelect-selectMenu-428 MuiSelect-outlined-427 MuiInputBase-input-461 MuiOutlinedInput-input-445"
+                    class="MuiSelect-root-398 MuiSelect-select-399 MuiSelect-selectMenu-402 MuiSelect-outlined-401 MuiInputBase-input-435 MuiOutlinedInput-input-419"
                     id="platform-selector"
                     role="button"
                     tabindex="0"
@@ -835,14 +797,14 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
                   </div>
                   <input
                     aria-hidden="true"
-                    class="MuiSelect-nativeInput-434"
+                    class="MuiSelect-nativeInput-408"
                     data-testid="platform-selector-input"
                     tabindex="-1"
                     value="Convex,Curve"
                   />
                   <svg
                     aria-hidden="true"
-                    class="MuiSvgIcon-root-163 MuiSelect-icon-430 MuiSelect-iconOutlined-433"
+                    class="MuiSvgIcon-root-163 MuiSelect-icon-404 MuiSelect-iconOutlined-407"
                     focusable="false"
                     viewBox="0 0 24 24"
                   >
@@ -852,10 +814,10 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
                   </svg>
                   <fieldset
                     aria-hidden="true"
-                    class="PrivateNotchedOutline-root-472 MuiOutlinedInput-notchedOutline-444"
+                    class="PrivateNotchedOutline-root-446 MuiOutlinedInput-notchedOutline-418"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legendLabelled-474 PrivateNotchedOutline-legendNotched-475"
+                      class="PrivateNotchedOutline-legendLabelled-448 PrivateNotchedOutline-legendNotched-449"
                     >
                       <span>
                         Platform
@@ -866,25 +828,25 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
               </div>
             </div>
             <div
-              class="MuiGrid-root-32 makeStyles-select-354 MuiGrid-item-34"
+              class="MuiGrid-root-32 makeStyles-select-328 MuiGrid-item-34"
             >
               <div
-                class="MuiFormControl-root-400 makeStyles-formControl-478"
+                class="MuiFormControl-root-374 makeStyles-formControl-452"
               >
                 <label
-                  class="MuiFormLabel-root-416 MuiInputLabel-root-404 MuiInputLabel-formControl-410 MuiInputLabel-animated-413 MuiInputLabel-shrink-412 MuiInputLabel-outlined-415 MuiFormLabel-filled-421"
+                  class="MuiFormLabel-root-390 MuiInputLabel-root-378 MuiInputLabel-formControl-384 MuiInputLabel-animated-387 MuiInputLabel-shrink-386 MuiInputLabel-outlined-389 MuiFormLabel-filled-395"
                   data-shrink="true"
                   id="rewards-selector-id-label"
                 >
                   Rewards
                 </label>
                 <div
-                  class="MuiInputBase-root-450 MuiOutlinedInput-root-435 MuiInputBase-formControl-451"
+                  class="MuiInputBase-root-424 MuiOutlinedInput-root-409 MuiInputBase-formControl-425"
                 >
                   <div
                     aria-haspopup="listbox"
                     aria-labelledby="rewards-selector-id-label rewards-selector"
-                    class="MuiSelect-root-424 MuiSelect-select-425 MuiSelect-selectMenu-428 MuiSelect-outlined-427 MuiInputBase-input-461 MuiOutlinedInput-input-445"
+                    class="MuiSelect-root-398 MuiSelect-select-399 MuiSelect-selectMenu-402 MuiSelect-outlined-401 MuiInputBase-input-435 MuiOutlinedInput-input-419"
                     id="rewards-selector"
                     role="button"
                     tabindex="0"
@@ -893,14 +855,14 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
                   </div>
                   <input
                     aria-hidden="true"
-                    class="MuiSelect-nativeInput-434"
+                    class="MuiSelect-nativeInput-408"
                     data-testid="rewards-selector-input"
                     tabindex="-1"
                     value="DCA,Compounder"
                   />
                   <svg
                     aria-hidden="true"
-                    class="MuiSvgIcon-root-163 MuiSelect-icon-430 MuiSelect-iconOutlined-433"
+                    class="MuiSvgIcon-root-163 MuiSelect-icon-404 MuiSelect-iconOutlined-407"
                     focusable="false"
                     viewBox="0 0 24 24"
                   >
@@ -910,10 +872,10 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
                   </svg>
                   <fieldset
                     aria-hidden="true"
-                    class="PrivateNotchedOutline-root-472 MuiOutlinedInput-notchedOutline-444"
+                    class="PrivateNotchedOutline-root-446 MuiOutlinedInput-notchedOutline-418"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legendLabelled-474 PrivateNotchedOutline-legendNotched-475"
+                      class="PrivateNotchedOutline-legendLabelled-448 PrivateNotchedOutline-legendNotched-449"
                     >
                       <span>
                         Rewards
@@ -927,25 +889,25 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
               class="MuiGrid-root-32 MuiGrid-item-34"
             >
               <div
-                class="MuiFormControl-root-400 MuiTextField-root-482 makeStyles-root-480"
+                class="MuiFormControl-root-374 MuiTextField-root-456 makeStyles-root-454"
               >
                 <div
-                  class="MuiInputBase-root-450 MuiOutlinedInput-root-435 MuiInputBase-formControl-451 MuiInputBase-adornedEnd-455 MuiOutlinedInput-adornedEnd-440"
+                  class="MuiInputBase-root-424 MuiOutlinedInput-root-409 MuiInputBase-formControl-425 MuiInputBase-adornedEnd-429 MuiOutlinedInput-adornedEnd-414"
                 >
                   <input
                     aria-invalid="false"
                     aria-label="Vault Search"
-                    class="MuiInputBase-input-461 MuiOutlinedInput-input-445 MuiInputBase-inputAdornedEnd-466 MuiOutlinedInput-inputAdornedEnd-449"
+                    class="MuiInputBase-input-435 MuiOutlinedInput-input-419 MuiInputBase-inputAdornedEnd-440 MuiOutlinedInput-inputAdornedEnd-423"
                     placeholder="Search by vault name, token, rewards..."
                     type="text"
                     value="bitcoin convex"
                   />
                   <div
-                    class="MuiInputAdornment-root-483 MuiInputAdornment-positionEnd-486"
+                    class="MuiInputAdornment-root-457 MuiInputAdornment-positionEnd-460"
                   >
                     <button
                       aria-label="search"
-                      class="MuiButtonBase-root-160 MuiIconButton-root-151 makeStyles-icon-481 MuiIconButton-sizeSmall-158"
+                      class="MuiButtonBase-root-160 MuiIconButton-root-151 makeStyles-icon-455 MuiIconButton-sizeSmall-158"
                       tabindex="0"
                       type="button"
                     >
@@ -964,17 +926,17 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
                         </svg>
                       </span>
                       <span
-                        class="MuiTouchRipple-root-375"
+                        class="MuiTouchRipple-root-349"
                       />
                     </button>
                   </div>
                   <fieldset
                     aria-hidden="true"
-                    class="PrivateNotchedOutline-root-472 MuiOutlinedInput-notchedOutline-444"
+                    class="PrivateNotchedOutline-root-446 MuiOutlinedInput-notchedOutline-418"
                     style="padding-left: 8px;"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-473"
+                      class="PrivateNotchedOutline-legend-447"
                       style="width: 0.01px;"
                     >
                       <span>
@@ -987,54 +949,7 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
             </div>
           </div>
           <hr
-            class="MuiDivider-root-390 makeStyles-divider-355"
-          />
-          <div
-            class="MuiGrid-root-32 MuiGrid-container-33"
-          >
-            <div
-              class="MuiGrid-root-32 makeStyles-apr-357 MuiGrid-item-34"
-            >
-              <div
-                aria-label="apy apr selector"
-                class="MuiButtonGroup-root-492"
-                role="group"
-              >
-                <button
-                  aria-selected="false"
-                  class="MuiButtonBase-root-160 MuiButton-root-229 MuiButton-outlined-234 MuiButtonGroup-grouped-498 MuiButtonGroup-groupedHorizontal-499 MuiButtonGroup-groupedOutlined-506 MuiButtonGroup-groupedOutlinedHorizontal-507 MuiButtonGroup-groupedOutlined-506 makeStyles-button-491"
-                  tabindex="0"
-                  type="button"
-                >
-                  <span
-                    class="MuiButton-label-230"
-                  >
-                    APY
-                  </span>
-                  <span
-                    class="MuiTouchRipple-root-375"
-                  />
-                </button>
-                <button
-                  aria-selected="true"
-                  class="MuiButtonBase-root-160 MuiButton-root-229 MuiButton-outlined-234 MuiButtonGroup-grouped-498 MuiButtonGroup-groupedHorizontal-499 MuiButtonGroup-groupedOutlined-506 MuiButtonGroup-groupedOutlinedHorizontal-507 MuiButtonGroup-groupedOutlined-506 makeStyles-selected-490 makeStyles-button-491"
-                  tabindex="0"
-                  type="button"
-                >
-                  <span
-                    class="MuiButton-label-230"
-                  >
-                    APR
-                  </span>
-                  <span
-                    class="MuiTouchRipple-root-375"
-                  />
-                </button>
-              </div>
-            </div>
-          </div>
-          <hr
-            class="MuiDivider-root-390 makeStyles-divider-355"
+            class="MuiDivider-root-364 makeStyles-divider-329"
           />
           <div
             class="MuiGrid-root-32 MuiGrid-container-33 MuiGrid-spacing-xs-2-56 MuiGrid-justify-content-xs-flex-end-51"
@@ -1043,17 +958,17 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
               class="MuiGrid-root-32 MuiGrid-item-34"
             >
               <button
-                class="MuiButtonBase-root-160 MuiButton-root-229 MuiButton-text-231 MuiButton-textPrimary-232"
+                class="MuiButtonBase-root-160 MuiButton-root-296 MuiButton-text-298 MuiButton-textPrimary-299"
                 tabindex="0"
                 type="button"
               >
                 <span
-                  class="MuiButton-label-230"
+                  class="MuiButton-label-297"
                 >
                   Clear All
                 </span>
                 <span
-                  class="MuiTouchRipple-root-375"
+                  class="MuiTouchRipple-root-349"
                 />
               </button>
             </div>
@@ -1061,17 +976,17 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
               class="MuiGrid-root-32 MuiGrid-item-34"
             >
               <button
-                class="MuiButtonBase-root-160 MuiButton-root-229 MuiButton-contained-237 MuiButton-containedPrimary-238"
+                class="MuiButtonBase-root-160 MuiButton-root-296 MuiButton-contained-304 MuiButton-containedPrimary-305"
                 tabindex="0"
                 type="button"
               >
                 <span
-                  class="MuiButton-label-230"
+                  class="MuiButton-label-297"
                 >
                   Apply Filters
                 </span>
                 <span
-                  class="MuiTouchRipple-root-375"
+                  class="MuiTouchRipple-root-349"
                 />
               </button>
             </div>
@@ -1127,7 +1042,7 @@ exports[`VaultSearchControl mobile renders correctly 1`] = `
               </svg>
             </span>
             <span
-              class="MuiTouchRipple-root-375"
+              class="MuiTouchRipple-root-349"
             />
           </span>
           <span
@@ -1145,12 +1060,12 @@ exports[`VaultSearchControl mobile renders correctly 1`] = `
         class="MuiGrid-root-32 MuiGrid-container-33 MuiGrid-item-34 MuiGrid-justify-content-xs-flex-end-51 MuiGrid-grid-xs-true-66"
       >
         <button
-          class="MuiButtonBase-root-160 MuiButton-root-229 MuiButton-text-231 makeStyles-button-373"
+          class="MuiButtonBase-root-160 MuiButton-root-296 MuiButton-text-298 makeStyles-button-347"
           tabindex="0"
           type="button"
         >
           <span
-            class="MuiButton-label-230 makeStyles-buttonLabel-374"
+            class="MuiButton-label-297 makeStyles-buttonLabel-348"
           >
             <p
               class="MuiTypography-root-172 MuiTypography-body2-173 MuiTypography-displayInline-200"
@@ -1169,7 +1084,7 @@ exports[`VaultSearchControl mobile renders correctly 1`] = `
             </svg>
           </span>
           <span
-            class="MuiTouchRipple-root-375"
+            class="MuiTouchRipple-root-349"
           />
         </button>
       </div>

From 22b3a33dafb03774840c0ba3d0018caf895bdbdc Mon Sep 17 00:00:00 2001
From: mrbasado <mrbasado@protonmail.com>
Date: Tue, 20 Sep 2022 15:08:40 -0500
Subject: [PATCH 2/4] Revert "chore: remove apy evolution flag"

This reverts commit 2ae99131ff8b34760c00fb16111201ff1c3809d1.
---
 .env                                          |    1 +
 .../VaultApyBreakdownItem/index.tsx           |  183 +-
 .../VaultApyInformation/index.tsx             |  267 +-
 .../VaultFiltersDialog.tsx                    |   12 +
 .../VaultsSearchControls.tsx                  |   10 +
 src/components-v2/landing/VaultItemApr.tsx    |   14 +-
 src/config/environment.ts                     |    1 +
 src/pages/Landing.tsx                         |    3 +-
 src/tests/__snapshots__/Landing.test.tsx.snap | 3552 +++++++----------
 src/tests/vaults/VaultFiltersDialog.test.tsx  |   25 +
 src/tests/vaults/VaultsSearchControl.test.tsx |   24 +
 .../VaultFiltersDialog.test.tsx.snap          |   71 +-
 .../VaultListDisplay.test.tsx.snap            |  485 +--
 .../VaultsSearchControl.test.tsx.snap         |  291 +-
 14 files changed, 2192 insertions(+), 2747 deletions(-)

diff --git a/.env b/.env
index c2cd773e5..2aaca05fa 100644
--- a/.env
+++ b/.env
@@ -1,4 +1,5 @@
 ESLINT_NO_DEV_ERRORS=true
 EXTEND_ESLINT = true
 REACT_APP_GOVERNANCE_TIMELOCK = false
+REACT_APP_APY_EVOLUTION=true
 REACT_APP_GRAVIAURA_CHART=false
diff --git a/src/components-v2/VaultApyBreakdownItem/index.tsx b/src/components-v2/VaultApyBreakdownItem/index.tsx
index 31af58abd..4b2938468 100644
--- a/src/components-v2/VaultApyBreakdownItem/index.tsx
+++ b/src/components-v2/VaultApyBreakdownItem/index.tsx
@@ -3,6 +3,7 @@ import { Box, Grid, Link, makeStyles, Theme, Typography } from '@material-ui/cor
 import TokenLogo from 'components-v2/TokenLogo';
 import { YieldValueSource } from 'components-v2/VaultApyInformation';
 import { getYieldBearingVaultBySourceName } from 'components-v2/YieldBearingVaults/YieldBearingVaultUtil';
+import { FLAGS } from 'config/environment';
 import { MAX_BOOST_RANK } from 'config/system/boost-ranks';
 import { StoreContext } from 'mobx/stores/store-context';
 import { observer } from 'mobx-react-lite';
@@ -79,88 +80,146 @@ const VaultApyBreakdownItem = ({ vault, source }: Props): JSX.Element => {
     await router.goTo(routes.boostOptimizer);
   };
 
-  if (isBoostBreakdown && vault.boost.enabled) {
+  if (FLAGS.APY_EVOLUTION) {
+    if (isBoostBreakdown && vault.boost.enabled) {
+      return (
+        <>
+          <Grid container className={classes.totalVaultRewardsRow}>
+            <Grid item xs={9}>
+              <Box display="flex" alignItems="center">
+                <TokenLogo
+                  width="24"
+                  height="24"
+                  token={{ symbol: source.yieldVault ? source.yieldVault.token : source.name }}
+                />
+                <Typography component="span">{`🚀 Boosted BADGER Rewards (max: ${numberWithCommas(
+                  source.maxApr.toFixed(2),
+                )}%)`}</Typography>
+              </Box>
+            </Grid>
+            <Grid item xs={3}>
+              <Typography align="right">{`${numberWithCommas(sourceApr.toFixed(2))}%`}</Typography>
+            </Grid>
+          </Grid>
+        </>
+      );
+    }
+
     return (
       <>
         <Grid container className={classes.totalVaultRewardsRow}>
           <Grid item xs={9}>
-            <Box display="flex" alignItems="center">
+            <Box display="flex" alignItems="center" className={classes.yieldSourceRow}>
               <TokenLogo
                 width="24"
                 height="24"
                 token={{ symbol: source.yieldVault ? source.yieldVault.token : source.name }}
               />
-              <Typography component="span">{`🚀 Boosted BADGER Rewards (max: ${numberWithCommas(
-                source.maxApr.toFixed(2),
-              )}%)`}</Typography>
+              {!isFlywheelSource(source) ? (
+                <>
+                  <Typography component="span">{source.yieldVault ? source.yieldVault.token : source.name}</Typography>
+                  {source.yieldVault && (
+                    <>
+                      <Typography component="span" className={classes.earnedAs}>
+                        earned as
+                      </Typography>
+                      <img
+                        width="12"
+                        height="16"
+                        src="/assets/icons/yield-bearing-rewards.svg"
+                        alt="Yield-Bearing Rewards"
+                      />
+                      {source.yieldVault ? (
+                        <Link display="inline" className={classes.link} onClick={handleLinkClick}>
+                          <Typography component="span" color="primary">
+                            {source.yieldVault.vaultName}
+                          </Typography>
+                        </Link>
+                      ) : (
+                        <Typography component="span" color="primary">
+                          {source.name}
+                        </Typography>
+                      )}
+                    </>
+                  )}
+                </>
+              ) : (
+                //  showing source `Vault Flywheel` as Compounding of Yield-Bearing Rewards
+                <>
+                  <Typography component="span">Compounding</Typography>
+                  <Typography component="span" className={classes.earnedAs}>
+                    of
+                  </Typography>
+                  <img
+                    width="12"
+                    height="16"
+                    src="/assets/icons/yield-bearing-rewards.svg"
+                    alt="Yield-Bearing Rewards"
+                  />
+                  <Typography component="span" color="primary">
+                    Yield-Bearing Rewards
+                  </Typography>
+                </>
+              )}
             </Box>
           </Grid>
           <Grid item xs={3}>
-            <Typography align="right">{`${numberWithCommas(sourceApr.toFixed(2))}%`}</Typography>
+            <Typography align="right">{numberWithCommas(source.apr.toFixed(2))}%</Typography>
           </Grid>
         </Grid>
       </>
     );
   }
 
-  return (
-    <>
-      <Grid container className={classes.totalVaultRewardsRow}>
-        <Grid item xs={9}>
-          <Box display="flex" alignItems="center" className={classes.yieldSourceRow}>
-            <TokenLogo
-              width="24"
-              height="24"
-              token={{ symbol: source.yieldVault ? source.yieldVault.token : source.name }}
-            />
-            {!isFlywheelSource(source) ? (
-              <>
-                <Typography component="span">{source.yieldVault ? source.yieldVault.token : source.name}</Typography>
-                {source.yieldVault && (
-                  <>
-                    <Typography component="span" className={classes.earnedAs}>
-                      earned as
-                    </Typography>
-                    <img
-                      width="12"
-                      height="16"
-                      src="/assets/icons/yield-bearing-rewards.svg"
-                      alt="Yield-Bearing Rewards"
-                    />
-                    {source.yieldVault ? (
-                      <Link display="inline" className={classes.link} onClick={handleLinkClick}>
-                        <Typography component="span" color="primary">
-                          {source.yieldVault.vaultName}
-                        </Typography>
-                      </Link>
-                    ) : (
-                      <Typography component="span" color="primary">
-                        {source.name}
-                      </Typography>
-                    )}
-                  </>
-                )}
-              </>
-            ) : (
-              //  showing source `Vault Flywheel` as Compounding of Yield-Bearing Rewards
-              <>
-                <Typography component="span">Compounding</Typography>
-                <Typography component="span" className={classes.earnedAs}>
-                  of
-                </Typography>
-                <img width="12" height="16" src="/assets/icons/yield-bearing-rewards.svg" alt="Yield-Bearing Rewards" />
-                <Typography component="span" color="primary">
-                  Yield-Bearing Rewards
-                </Typography>
-              </>
-            )}
-          </Box>
-        </Grid>
-        <Grid item xs={3}>
-          <Typography align="right">{numberWithCommas(source.apr.toFixed(2))}%</Typography>
+  if (isBoostBreakdown && vault.boost.enabled) {
+    return (
+      <Grid item container direction="column">
+        <Grid item container justifyContent="space-between">
+          <Grid item>
+            <Typography variant="body2" display="inline" color="textSecondary">
+              {`🚀 Boosted BADGER Rewards (max: ${numberWithCommas(source.maxApr.toFixed(2))}%)`}
+            </Typography>
+          </Grid>
+          <Grid item>
+            <Typography variant="body2" display="inline" color="textSecondary">
+              {`${numberWithCommas(sourceApr.toFixed(2))}%`}
+            </Typography>
+          </Grid>
         </Grid>
+        {!!userBoost && !!boostContribution && (
+          <Grid item container>
+            <img
+              className={classes.apyBreakdownIcon}
+              src="/assets/icons/apy-breakdown-icon.svg"
+              alt="apy breakdown icon"
+            />
+            <Typography variant="body2" display="inline" color="textSecondary">
+              {`My Boost: ${userBoost}x`}
+            </Typography>
+            <Link color="primary" onClick={handleGoToCalculator} className={classes.link}>
+              <Typography variant="body2" display="inline" color="inherit" className={classes.calculatorLink}>
+                Go To Boost
+              </Typography>
+            </Link>
+          </Grid>
+        )}
+      </Grid>
+    );
+  }
+
+  return (
+    <Grid item container justifyContent="space-between">
+      <Grid item>
+        <Typography variant="body2" display="inline" color="textSecondary">
+          {source.name}
+        </Typography>
+      </Grid>
+      <Grid item>
+        <Typography variant="body2" display="inline" color="textSecondary">
+          {`${numberWithCommas(sourceApr.toFixed(2))}%`}
+        </Typography>
       </Grid>
-    </>
+    </Grid>
   );
 };
 
diff --git a/src/components-v2/VaultApyInformation/index.tsx b/src/components-v2/VaultApyInformation/index.tsx
index be700be91..514bb0d6e 100644
--- a/src/components-v2/VaultApyInformation/index.tsx
+++ b/src/components-v2/VaultApyInformation/index.tsx
@@ -15,6 +15,7 @@ import CloseIcon from '@material-ui/icons/Close';
 import { isInfluenceVault } from 'components-v2/InfluenceVault/InfluenceVaultUtil';
 import TokenLogo from 'components-v2/TokenLogo';
 import { getYieldBearingVaultBySourceName } from 'components-v2/YieldBearingVaults/YieldBearingVaultUtil';
+import { FLAGS } from 'config/environment';
 import { YieldBearingVaultSource } from 'mobx/model/vaults/yield-bearing-vault-data';
 import { StoreContext } from 'mobx/stores/store-context';
 import { observer } from 'mobx-react-lite';
@@ -153,11 +154,12 @@ const VaultApyInformation = ({ open, onClose, boost, vault, projectedBoost }: Pr
   const sortedSources = sources
     .slice()
     .sort((a, b) => (isBadgerSource(b) ? -1 : b.performance.baseYield > a.performance.baseYield ? 1 : -1));
-
+  const badgerRewardsSources = sortedSources.filter(isBadgerSource);
   const harvestSources: YieldSourceDisplay[] = harvestPeriodSourcesApy;
   const additionalSources: YieldSourceDisplay[] = nonHarvestSourcesApy.map(yieldToValueSource);
   const totalCurrentSources = harvestSources.concat(additionalSources);
   const isNewVault = vault.state === VaultState.Experimental || vault.state === VaultState.Guarded;
+  const isInfluence = isInfluenceVault(vault.vaultToken);
 
   const handleGoToVault = async (event: MouseEvent<HTMLElement>) => {
     event.stopPropagation();
@@ -202,7 +204,7 @@ const VaultApyInformation = ({ open, onClose, boost, vault, projectedBoost }: Pr
       fullWidth
       classes={{ paper: classes.root }}
     >
-      <DialogTitle disableTypography className={`${classes.title} ${classes.diaglogTitle}`}>
+      <DialogTitle disableTypography className={`${classes.title} ${FLAGS.APY_EVOLUTION && classes.diaglogTitle}`}>
         <Grid container direction="column">
           <Grid item container justifyContent="space-between" alignItems="center">
             <Grid item xs="auto">
@@ -221,110 +223,191 @@ const VaultApyInformation = ({ open, onClose, boost, vault, projectedBoost }: Pr
           </Grid>
         </Grid>
       </DialogTitle>
-
-      {/* Yield Bearing Rewards */}
-      <DialogContent className={classes.totalVaultRewardsContainer}>
-        <Box className={classes.totalVaultRewards}>
-          <Grid container className={`${classes.totalVaultRewardsRow} ${classes.rowAsHead}`}>
-            <Grid item xs={6}>
-              <Typography component="h3">Total Vault Rewards</Typography>
-            </Grid>
-            <Grid item xs={6}>
-              <Box display="flex" justifyContent="flex-end" alignItems="center">
-                {isNewVault && (
-                  <>
-                    <img width="12" src="assets/icons/new-vault.svg" alt="New Vault" />
-                    <Typography component="span">New Vault</Typography>
-                  </>
-                )}
-                {useHistoricAPY ? (
-                  <>
-                    {' '}
-                    <Typography component="span">14-Day Historic APY</Typography>
-                    <Typography>{numberWithCommas(boost.toFixed(2))}%</Typography>
-                  </>
-                ) : (
-                  <Typography> {numberWithCommas(projectedBoost.toFixed(2))}%</Typography>
-                )}
-              </Box>
+      {!FLAGS.APY_EVOLUTION && (
+        <DialogContent className={classes.content}>
+          <Grid container direction="column">
+            {!isNewVault && (
+              <div className={classes.historicAPY}>
+                <Grid item container justifyContent="space-between">
+                  <Grid item>
+                    <Typography variant="subtitle1" display="inline" color="textSecondary">
+                      Historic {vaults.vaultsFilters.showAPR ? 'APR' : 'APY'}
+                    </Typography>
+                  </Grid>
+                  <Grid item>
+                    <Typography variant="subtitle1" display="inline" color="textSecondary">
+                      {`${numberWithCommas(boost.toFixed(2))}%`}
+                    </Typography>
+                  </Grid>
+                </Grid>
+                <Divider className={classes.divider} />
+                {sortedSources.map(yieldToValueSource).map((source) => (
+                  <React.Fragment key={`historic-${source.name}`}>
+                    <VaultApyBreakdownItem vault={vault} source={source} />
+                    <Divider className={classes.divider} />
+                  </React.Fragment>
+                ))}
+              </div>
+            )}
+            {!isInfluence && projectedBoost !== null && (
+              <>
+                <Grid item container justifyContent="space-between">
+                  <Grid item>
+                    <Typography variant="subtitle1" display="inline" color="textSecondary">
+                      Current {vaults.vaultsFilters.showAPR ? 'APR' : 'APY'}
+                    </Typography>
+                  </Grid>
+                  <Grid item>
+                    <Typography variant="subtitle1" display="inline" color="textSecondary">
+                      {`${numberWithCommas(projectedBoost.toFixed(2))}%`}
+                    </Typography>
+                  </Grid>
+                </Grid>
+                <Divider className={classes.divider} />
+                {totalCurrentSources.map((token) => (
+                  <div key={`yield-apr-${token.name}`}>
+                    <Grid item container justifyContent="space-between">
+                      <Grid item>
+                        <Typography variant="body2" display="inline" color="textSecondary">
+                          {token.name}
+                        </Typography>
+                      </Grid>
+                      <Grid item>
+                        <Typography variant="body2" display="inline" color="textSecondary">
+                          {token?.apr && `${numberWithCommas(token.apr.toFixed(2))}%`}
+                        </Typography>
+                      </Grid>
+                    </Grid>
+                    <Divider className={classes.divider} />
+                  </div>
+                ))}
+                {badgerRewardsSources.map(yieldToValueSource).map((source) => (
+                  <React.Fragment key={`current-${source.name}`}>
+                    <VaultApyBreakdownItem vault={vault} source={source} />
+                    <Divider className={classes.divider} />
+                  </React.Fragment>
+                ))}
+              </>
+            )}
+            <Grid item className={classes.button}>
+              <Button color="primary" variant="contained" fullWidth onClick={handleGoToVault}>
+                GO TO VAULT
+              </Button>
             </Grid>
           </Grid>
-          <Divider className={classes.totalVaultRewardsDivider} />
-          <Grid container className={`${classes.totalVaultRewardsRow} ${classes.rowAsNote}`}>
-            <Grid item>Rewards earned by our strategies on your vault deposits</Grid>
-          </Grid>
-          {yieldSourcesApyList.map((yieldSource) => (
-            <Box key={`yieldSourcesApyList-${yieldSource.name}`}>
-              <Divider className={classes.totalVaultRewardsDivider} />
-              <VaultApyBreakdownItem vault={vault} source={yieldSource} />
-            </Box>
-          ))}
-        </Box>
+        </DialogContent>
+      )}
 
-        {yieldBearingRewardsList.length > 0 && (
-          <Box className={classes.yieldBearingRewards}>
+      {/* Yield Bearing Rewards */}
+      {FLAGS.APY_EVOLUTION && (
+        <DialogContent className={classes.totalVaultRewardsContainer}>
+          <Box className={classes.totalVaultRewards}>
             <Grid container className={`${classes.totalVaultRewardsRow} ${classes.rowAsHead}`}>
-              <Grid item xs={12}>
-                <Box display="flex" alignItems="center">
-                  <img
-                    width="15"
-                    height="20"
-                    src="assets/icons/yield-bearing-rewards.svg"
-                    alt="Yield-Bearing Rewards"
-                  />
-                  <Typography component="h3" color="primary">
-                    Yield-Bearing Rewards
-                  </Typography>
+              <Grid item xs={6}>
+                <Typography component="h3">Total Vault Rewards</Typography>
+              </Grid>
+              <Grid item xs={6}>
+                <Box display="flex" justifyContent="flex-end" alignItems="center">
+                  {isNewVault && (
+                    <>
+                      <img width="12" src="assets/icons/new-vault.svg" alt="New Vault" />
+                      <Typography component="span">New Vault</Typography>
+                    </>
+                  )}
+                  {useHistoricAPY ? (
+                    <>
+                      {' '}
+                      <Typography component="span">14-Day Historic APY</Typography>
+                      <Typography>{numberWithCommas(boost.toFixed(2))}%</Typography>
+                    </>
+                  ) : (
+                    <Typography> {numberWithCommas(projectedBoost.toFixed(2))}%</Typography>
+                  )}
                 </Box>
               </Grid>
             </Grid>
             <Divider className={classes.totalVaultRewardsDivider} />
             <Grid container className={`${classes.totalVaultRewardsRow} ${classes.rowAsNote}`}>
-              <Grid item>These rewards continue earning rewards of their own, no claiming required </Grid>
+              <Grid item>Rewards earned by our strategies on your vault deposits</Grid>
             </Grid>
-            {yieldBearingRewardsList.map((yieldSource) => (
-              <Box key={`yieldBearingRewardsList-${yieldSource.name}`}>
+            {yieldSourcesApyList.map((yieldSource) => (
+              <Box key={`yieldSourcesApyList-${yieldSource.name}`}>
                 <Divider className={classes.totalVaultRewardsDivider} />
-                <Grid container className={classes.totalVaultRewardsRow}>
-                  <Grid item xs={9}>
-                    <Box display="flex" alignItems="center" className={classes.yieldSourceRow}>
-                      <TokenLogo width="24" height="24" token={{ symbol: yieldSource.vaultName }} />
-                      <img
-                        width="12"
-                        height="16"
-                        src="assets/icons/yield-bearing-rewards.svg"
-                        alt="Yield-Bearing Rewards"
-                      />
-                      <Typography component="span" color="primary">
-                        {yieldSource.vaultName}
-                      </Typography>
-                      <Typography component="span" className={classes.earnedAs}>
-                        is
-                      </Typography>
-                      <Typography component="span"> {yieldSource.vaultDescription} </Typography>
-                    </Box>
-                  </Grid>
-                  <Grid item xs={3}>
-                    <Typography align="right">
-                      {numberWithCommas((vaults.getVault(yieldSource.vaultId)?.apy.baseYield ?? 0).toFixed(2))}%
-                    </Typography>
-                  </Grid>
-                </Grid>
+                <VaultApyBreakdownItem vault={vault} source={yieldSource} />
               </Box>
             ))}
           </Box>
-        )}
-        <Grid item className={classes.button}>
-          <Typography component="span" variant="subtitle1" color="textSecondary" className={classes.feeDisclaimerText}>
-            Fees have been deducted from APY estimates. See the vault details page for fee information.
-          </Typography>
-        </Grid>
-        <Grid item className={classes.button}>
-          <Button color="primary" variant="contained" fullWidth onClick={handleGoToVault}>
-            GO TO VAULT
-          </Button>
-        </Grid>
-      </DialogContent>
+
+          {yieldBearingRewardsList.length > 0 && (
+            <Box className={classes.yieldBearingRewards}>
+              <Grid container className={`${classes.totalVaultRewardsRow} ${classes.rowAsHead}`}>
+                <Grid item xs={12}>
+                  <Box display="flex" alignItems="center">
+                    <img
+                      width="15"
+                      height="20"
+                      src="assets/icons/yield-bearing-rewards.svg"
+                      alt="Yield-Bearing Rewards"
+                    />
+                    <Typography component="h3" color="primary">
+                      Yield-Bearing Rewards
+                    </Typography>
+                  </Box>
+                </Grid>
+              </Grid>
+              <Divider className={classes.totalVaultRewardsDivider} />
+              <Grid container className={`${classes.totalVaultRewardsRow} ${classes.rowAsNote}`}>
+                <Grid item>These rewards continue earning rewards of their own, no claiming required </Grid>
+              </Grid>
+              {yieldBearingRewardsList.map((yieldSource) => (
+                <Box key={`yieldBearingRewardsList-${yieldSource.name}`}>
+                  <Divider className={classes.totalVaultRewardsDivider} />
+                  <Grid container className={classes.totalVaultRewardsRow}>
+                    <Grid item xs={9}>
+                      <Box display="flex" alignItems="center" className={classes.yieldSourceRow}>
+                        <TokenLogo width="24" height="24" token={{ symbol: yieldSource.vaultName }} />
+                        <img
+                          width="12"
+                          height="16"
+                          src="assets/icons/yield-bearing-rewards.svg"
+                          alt="Yield-Bearing Rewards"
+                        />
+                        <Typography component="span" color="primary">
+                          {yieldSource.vaultName}
+                        </Typography>
+                        <Typography component="span" className={classes.earnedAs}>
+                          is
+                        </Typography>
+                        <Typography component="span"> {yieldSource.vaultDescription} </Typography>
+                      </Box>
+                    </Grid>
+                    <Grid item xs={3}>
+                      <Typography align="right">
+                        {numberWithCommas((vaults.getVault(yieldSource.vaultId)?.apy.baseYield ?? 0).toFixed(2))}%
+                      </Typography>
+                    </Grid>
+                  </Grid>
+                </Box>
+              ))}
+            </Box>
+          )}
+          <Grid item className={classes.button}>
+            <Typography
+              component="span"
+              variant="subtitle1"
+              color="textSecondary"
+              className={classes.feeDisclaimerText}
+            >
+              Fees have been deducted from APY estimates. See the vault details page for fee information.
+            </Typography>
+          </Grid>
+          <Grid item className={classes.button}>
+            <Button color="primary" variant="contained" fullWidth onClick={handleGoToVault}>
+              GO TO VAULT
+            </Button>
+          </Grid>
+        </DialogContent>
+      )}
       {/* Yield Bearing Rewards */}
     </Dialog>
   );
diff --git a/src/components-v2/VaultSearchControls/VaultFiltersDialog.tsx b/src/components-v2/VaultSearchControls/VaultFiltersDialog.tsx
index e1eaa6392..fe6cff0a9 100644
--- a/src/components-v2/VaultSearchControls/VaultFiltersDialog.tsx
+++ b/src/components-v2/VaultSearchControls/VaultFiltersDialog.tsx
@@ -11,6 +11,7 @@ import {
   useTheme,
 } from '@material-ui/core';
 import CloseIcon from '@material-ui/icons/Close';
+import { FLAGS } from 'config/environment';
 import { StoreContext } from 'mobx/stores/store-context';
 import { observer } from 'mobx-react-lite';
 import React, { useCallback, useContext, useEffect, useState } from 'react';
@@ -18,6 +19,7 @@ import React, { useCallback, useContext, useEffect, useState } from 'react';
 import BoostedVaultsControl from './BoostedVaultsControl';
 import OnlyDepositsControl from './OnlyDepositsControl';
 import PortfolioDustControl from './PortfolioDustControl';
+import VaultsAprControl from './VaultsAprControl';
 import VaultSearchBar from './VaultSearchBar';
 import VaultsPlatformSelector from './VaultsPlatformSelector';
 import VaultsRewardsSelector from './VaultsRewardsSelector';
@@ -152,6 +154,16 @@ const VaultFiltersDialog = () => {
             <VaultSearchBar search={search} onChange={(change) => setSearch(change)} />
           </Grid>
         </Grid>
+        {!FLAGS.APY_EVOLUTION && (
+          <>
+            <Divider className={classes.divider} />
+            <Grid container>
+              <Grid item className={classes.apr}>
+                <VaultsAprControl showAPR={showAPR} onShowAPRChange={(checked) => setShowAPR(checked)} />
+              </Grid>
+            </Grid>
+          </>
+        )}
         <Divider className={classes.divider} />
         <Grid container spacing={2} justifyContent="flex-end">
           <Grid item>
diff --git a/src/components-v2/VaultSearchControls/VaultsSearchControls.tsx b/src/components-v2/VaultSearchControls/VaultsSearchControls.tsx
index c5937b31c..926e33189 100644
--- a/src/components-v2/VaultSearchControls/VaultsSearchControls.tsx
+++ b/src/components-v2/VaultSearchControls/VaultsSearchControls.tsx
@@ -1,4 +1,5 @@
 import { Grid, makeStyles, Paper, useMediaQuery, useTheme } from '@material-ui/core';
+import { FLAGS } from 'config/environment';
 import { StoreContext } from 'mobx/stores/store-context';
 import { observer } from 'mobx-react-lite';
 import React, { useContext } from 'react';
@@ -8,6 +9,7 @@ import MobileFiltersButton from './MobileFiltersButton';
 import OnlyDepositsControl from './OnlyDepositsControl';
 import PortfolioDustControl from './PortfolioDustControl';
 import VaultFiltersDialogV2 from './VaultFiltersDialog';
+import VaultsAprControl from './VaultsAprControl';
 import VaultSearchInputsRow from './VaultSearchInputsRow';
 
 const useStyles = makeStyles((theme) => ({
@@ -75,6 +77,14 @@ const VaultsSearchControls = () => {
             />
           )}
         </div>
+        {!FLAGS.APY_EVOLUTION && (
+          <div>
+            <VaultsAprControl
+              showAPR={vaultsFilters.showAPR}
+              onShowAPRChange={(checked) => setVaultsFilter('showAPR', checked)}
+            />
+          </div>
+        )}
       </Grid>
       <VaultSearchInputsRow />
       <VaultFiltersDialogV2 />
diff --git a/src/components-v2/landing/VaultItemApr.tsx b/src/components-v2/landing/VaultItemApr.tsx
index 6bebb76df..e259af865 100644
--- a/src/components-v2/landing/VaultItemApr.tsx
+++ b/src/components-v2/landing/VaultItemApr.tsx
@@ -4,6 +4,7 @@ import { makeStyles, Theme } from '@material-ui/core/styles';
 import { isInfluenceVault } from 'components-v2/InfluenceVault/InfluenceVaultUtil';
 import YieldBearingRewards from 'components-v2/YieldBearingVaults/YieldBearingRewards';
 import { getYieldBearingVaultBySourceName } from 'components-v2/YieldBearingVaults/YieldBearingVaultUtil';
+import { FLAGS } from 'config/environment';
 import { useVaultInformation } from 'hooks/useVaultInformation';
 import { StoreContext } from 'mobx/stores/store-context';
 import { numberWithCommas } from 'mobx/utils/helpers';
@@ -108,7 +109,7 @@ const VaultItemApr = ({ vault }: Props): JSX.Element => {
     <>
       <img src={'assets/icons/new-vault.svg'} alt="New Vault" /> New Vault
     </>
-  ) : !useHistoricAPY ? (
+  ) : FLAGS.APY_EVOLUTION && !useHistoricAPY ? (
     `${numberWithCommas(projectedVaultBoost.toFixed(2))}%`
   ) : (
     `${numberWithCommas(vaultBoost.toFixed(2))}%`
@@ -117,7 +118,7 @@ const VaultItemApr = ({ vault }: Props): JSX.Element => {
   return (
     <Box
       display="flex"
-      alignItems="flex-end"
+      alignItems={FLAGS.APY_EVOLUTION ? 'flex-end' : 'flex-start'}
       flexDirection="column"
       className={classes.root}
       onClick={(e) => e.stopPropagation()}
@@ -128,7 +129,7 @@ const VaultItemApr = ({ vault }: Props): JSX.Element => {
         </Typography>
         <img src="/assets/icons/apy-info.svg" className={classes.apyInfo} alt="apy info icon" />
       </Box>
-      {yieldSourcesAprTotal > 0 && (
+      {FLAGS.APY_EVOLUTION && 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
@@ -139,6 +140,13 @@ const VaultItemApr = ({ vault }: Props): JSX.Element => {
           </Typography>
         </Box>
       )}
+      {!FLAGS.APY_EVOLUTION && !isInfluence && projectedVaultBoost !== null && (
+        <Box display="flex" onClick={handleApyInfoClick}>
+          <Typography className={classes.projectedApr}>
+            Current: {`${numberWithCommas(projectedVaultBoost.toFixed(2))}%`}
+          </Typography>
+        </Box>
+      )}
       <VaultApyInformation
         open={showApyInfo}
         vault={vault}
diff --git a/src/config/environment.ts b/src/config/environment.ts
index 3bb5d0e42..b1a373a84 100644
--- a/src/config/environment.ts
+++ b/src/config/environment.ts
@@ -60,5 +60,6 @@ const toBool = (val: string | undefined): boolean => (val ? val.toLowerCase() ==
 
 export const FLAGS = {
   GOVERNANCE_TIMELOCK: toBool(process.env.REACT_APP_GOVERNANCE_TIMELOCK),
+  APY_EVOLUTION: toBool(process.env.REACT_APP_APY_EVOLUTION),
   GRAVIAURA_CHART: toBool(process.env.REACT_APP_GRAVIAURA_CHART),
 };
diff --git a/src/pages/Landing.tsx b/src/pages/Landing.tsx
index c66efef71..be5034faa 100644
--- a/src/pages/Landing.tsx
+++ b/src/pages/Landing.tsx
@@ -1,5 +1,6 @@
 import { makeStyles } from '@material-ui/core/styles';
 import VaultListTitle from 'components-v2/landing/VaultListTitle';
+import { FLAGS } from 'config/environment';
 import { observer } from 'mobx-react-lite';
 import React from 'react';
 
@@ -17,7 +18,7 @@ const Landing = observer(() => {
   const classes = useStyles();
   return (
     <LayoutContainer className={classes.root}>
-      <VaultListTitle />
+      {FLAGS.APY_EVOLUTION && <VaultListTitle />}
       <VaultsSearchControls />
       <VaultListDisplay />
     </LayoutContainer>
diff --git a/src/tests/__snapshots__/Landing.test.tsx.snap b/src/tests/__snapshots__/Landing.test.tsx.snap
index 60f4b03c5..110ea1a37 100644
--- a/src/tests/__snapshots__/Landing.test.tsx.snap
+++ b/src/tests/__snapshots__/Landing.test.tsx.snap
@@ -5,51 +5,32 @@ exports[`Landing Renders correctly 1`] = `
   <div
     class="MuiContainer-root-3 WithStyles(ForwardRef(Container))-root-2 makeStyles-root-1 MuiContainer-maxWidthLg-9"
   >
-    <h1
-      class="MuiTypography-root-13 makeStyles-title-11 MuiTypography-body1-15"
-    >
-      Do Less & Earn More with BadgerDAO
-    </h1>
-    <p
-      class="MuiTypography-root-13 makeStyles-subtitle-12 MuiTypography-body1-15"
-    >
-      Deposit to earn
-       
-      <a
-        class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-        href="#"
-      >
-        Yield-Bearing Rewards
-      </a>
-       
-      that automate and optimize yield from Aura and Convex positions
-    </p>
     <div
-      class="MuiPaper-root-76 makeStyles-paper-75 MuiPaper-elevation1-80 MuiPaper-rounded-77"
+      class="MuiPaper-root-14 makeStyles-paper-13 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-firstRow-73 MuiGrid-container-105 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-space-between-124"
+        class="MuiGrid-root-42 makeStyles-firstRow-11 MuiGrid-container-43 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-space-between-62"
       >
         <div>
           <label
-            class="MuiFormControlLabel-root-207 makeStyles-checkbox-74"
+            class="MuiFormControlLabel-root-145 makeStyles-checkbox-12"
           >
             <span
               aria-disabled="false"
-              class="MuiButtonBase-root-232 MuiIconButton-root-223 PrivateSwitchBase-root-219 MuiCheckbox-root-213 MuiCheckbox-colorPrimary-217 MuiIconButton-colorPrimary-227"
+              class="MuiButtonBase-root-170 MuiIconButton-root-161 PrivateSwitchBase-root-157 MuiCheckbox-root-151 MuiCheckbox-colorPrimary-155 MuiIconButton-colorPrimary-165"
             >
               <span
-                class="MuiIconButton-label-231"
+                class="MuiIconButton-label-169"
               >
                 <input
-                  class="PrivateSwitchBase-input-222"
+                  class="PrivateSwitchBase-input-160"
                   data-indeterminate="false"
                   type="checkbox"
                   value=""
                 />
                 <svg
                   aria-hidden="true"
-                  class="MuiSvgIcon-root-235"
+                  class="MuiSvgIcon-root-173"
                   focusable="false"
                   viewBox="0 0 24 24"
                 >
@@ -59,38 +40,38 @@ exports[`Landing Renders correctly 1`] = `
                 </svg>
               </span>
               <span
-                class="MuiTouchRipple-root-638"
+                class="MuiTouchRipple-root-648"
               />
             </span>
             <span
-              class="MuiTypography-root-13 MuiFormControlLabel-label-212 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiFormControlLabel-label-150 MuiTypography-body1-184"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body2-14"
+                class="MuiTypography-root-182 MuiTypography-body2-183"
               >
                 Only show deposits
               </p>
             </span>
           </label>
           <label
-            class="MuiFormControlLabel-root-207 makeStyles-checkbox-74"
+            class="MuiFormControlLabel-root-145 makeStyles-checkbox-12"
           >
             <span
               aria-disabled="false"
-              class="MuiButtonBase-root-232 MuiIconButton-root-223 PrivateSwitchBase-root-219 MuiCheckbox-root-213 MuiCheckbox-colorPrimary-217 MuiIconButton-colorPrimary-227"
+              class="MuiButtonBase-root-170 MuiIconButton-root-161 PrivateSwitchBase-root-157 MuiCheckbox-root-151 MuiCheckbox-colorPrimary-155 MuiIconButton-colorPrimary-165"
             >
               <span
-                class="MuiIconButton-label-231"
+                class="MuiIconButton-label-169"
               >
                 <input
-                  class="PrivateSwitchBase-input-222"
+                  class="PrivateSwitchBase-input-160"
                   data-indeterminate="false"
                   type="checkbox"
                   value=""
                 />
                 <svg
                   aria-hidden="true"
-                  class="MuiSvgIcon-root-235"
+                  class="MuiSvgIcon-root-173"
                   focusable="false"
                   viewBox="0 0 24 24"
                 >
@@ -100,38 +81,38 @@ exports[`Landing Renders correctly 1`] = `
                 </svg>
               </span>
               <span
-                class="MuiTouchRipple-root-638"
+                class="MuiTouchRipple-root-648"
               />
             </span>
             <span
-              class="MuiTypography-root-13 MuiFormControlLabel-label-212 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiFormControlLabel-label-150 MuiTypography-body1-184"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body2-14"
+                class="MuiTypography-root-182 MuiTypography-body2-183"
               >
                 Hide dust
               </p>
             </span>
           </label>
           <label
-            class="MuiFormControlLabel-root-207 makeStyles-label-244"
+            class="MuiFormControlLabel-root-145 makeStyles-label-212"
           >
             <span
               aria-disabled="false"
-              class="MuiButtonBase-root-232 MuiIconButton-root-223 PrivateSwitchBase-root-219 MuiCheckbox-root-213 MuiCheckbox-colorPrimary-217 MuiIconButton-colorPrimary-227"
+              class="MuiButtonBase-root-170 MuiIconButton-root-161 PrivateSwitchBase-root-157 MuiCheckbox-root-151 MuiCheckbox-colorPrimary-155 MuiIconButton-colorPrimary-165"
             >
               <span
-                class="MuiIconButton-label-231"
+                class="MuiIconButton-label-169"
               >
                 <input
-                  class="PrivateSwitchBase-input-222"
+                  class="PrivateSwitchBase-input-160"
                   data-indeterminate="false"
                   type="checkbox"
                   value=""
                 />
                 <svg
                   aria-hidden="true"
-                  class="MuiSvgIcon-root-235"
+                  class="MuiSvgIcon-root-173"
                   focusable="false"
                   viewBox="0 0 24 24"
                 >
@@ -141,44 +122,82 @@ exports[`Landing Renders correctly 1`] = `
                 </svg>
               </span>
               <span
-                class="MuiTouchRipple-root-638"
+                class="MuiTouchRipple-root-648"
               />
             </span>
             <span
-              class="MuiTypography-root-13 MuiFormControlLabel-label-212 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiFormControlLabel-label-150 MuiTypography-body1-184"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body2-14"
+                class="MuiTypography-root-182 MuiTypography-body2-183"
               >
                 🚀 Boosted Vaults
               </p>
             </span>
           </label>
         </div>
+        <div>
+          <div
+            aria-label="apy apr selector"
+            class="MuiButtonGroup-root-215"
+            role="group"
+          >
+            <button
+              aria-selected="true"
+              class="MuiButtonBase-root-170 MuiButton-root-239 MuiButton-outlined-244 MuiButtonGroup-grouped-221 MuiButtonGroup-groupedHorizontal-222 MuiButtonGroup-groupedOutlined-229 MuiButtonGroup-groupedOutlinedHorizontal-230 MuiButtonGroup-groupedOutlined-229 makeStyles-selected-213 makeStyles-button-214"
+              tabindex="0"
+              type="button"
+            >
+              <span
+                class="MuiButton-label-240"
+              >
+                APY
+              </span>
+              <span
+                class="MuiTouchRipple-root-648"
+              />
+            </button>
+            <button
+              aria-selected="false"
+              class="MuiButtonBase-root-170 MuiButton-root-239 MuiButton-outlined-244 MuiButtonGroup-grouped-221 MuiButtonGroup-groupedHorizontal-222 MuiButtonGroup-groupedOutlined-229 MuiButtonGroup-groupedOutlinedHorizontal-230 MuiButtonGroup-groupedOutlined-229 makeStyles-button-214"
+              tabindex="0"
+              type="button"
+            >
+              <span
+                class="MuiButton-label-240"
+              >
+                APR
+              </span>
+              <span
+                class="MuiTouchRipple-root-648"
+              />
+            </button>
+          </div>
+        </div>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-root-245 MuiGrid-container-105"
+        class="MuiGrid-root-42 makeStyles-root-268 MuiGrid-container-43"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiFormControl-root-248 makeStyles-formControl-246"
+            class="MuiFormControl-root-271 makeStyles-formControl-269"
           >
             <label
-              class="MuiFormLabel-root-264 MuiInputLabel-root-252 MuiInputLabel-formControl-258 MuiInputLabel-animated-261 MuiInputLabel-outlined-263"
+              class="MuiFormLabel-root-287 MuiInputLabel-root-275 MuiInputLabel-formControl-281 MuiInputLabel-animated-284 MuiInputLabel-outlined-286"
               data-shrink="false"
               id="status-selector-id-label"
             >
               Status
             </label>
             <div
-              class="MuiInputBase-root-298 MuiOutlinedInput-root-283 MuiInputBase-formControl-299"
+              class="MuiInputBase-root-321 MuiOutlinedInput-root-306 MuiInputBase-formControl-322"
             >
               <div
                 aria-haspopup="listbox"
                 aria-labelledby="status-selector-id-label status-selector"
-                class="MuiSelect-root-272 MuiSelect-select-273 MuiSelect-selectMenu-276 MuiSelect-outlined-275 MuiInputBase-input-309 MuiOutlinedInput-input-293"
+                class="MuiSelect-root-295 MuiSelect-select-296 MuiSelect-selectMenu-299 MuiSelect-outlined-298 MuiInputBase-input-332 MuiOutlinedInput-input-316"
                 id="status-selector"
                 role="button"
                 tabindex="0"
@@ -189,14 +208,14 @@ exports[`Landing Renders correctly 1`] = `
               </div>
               <input
                 aria-hidden="true"
-                class="MuiSelect-nativeInput-282"
+                class="MuiSelect-nativeInput-305"
                 data-testid="status-selector-input"
                 tabindex="-1"
                 value=""
               />
               <svg
                 aria-hidden="true"
-                class="MuiSvgIcon-root-235 MuiSelect-icon-278 MuiSelect-iconOutlined-281"
+                class="MuiSvgIcon-root-173 MuiSelect-icon-301 MuiSelect-iconOutlined-304"
                 focusable="false"
                 viewBox="0 0 24 24"
               >
@@ -206,10 +225,10 @@ exports[`Landing Renders correctly 1`] = `
               </svg>
               <fieldset
                 aria-hidden="true"
-                class="PrivateNotchedOutline-root-320 MuiOutlinedInput-notchedOutline-292"
+                class="PrivateNotchedOutline-root-343 MuiOutlinedInput-notchedOutline-315"
               >
                 <legend
-                  class="PrivateNotchedOutline-legendLabelled-322"
+                  class="PrivateNotchedOutline-legendLabelled-345"
                 >
                   <span>
                     Status
@@ -220,25 +239,25 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiFormControl-root-248 makeStyles-formControl-324"
+            class="MuiFormControl-root-271 makeStyles-formControl-347"
           >
             <label
-              class="MuiFormLabel-root-264 MuiInputLabel-root-252 MuiInputLabel-formControl-258 MuiInputLabel-animated-261 MuiInputLabel-outlined-263"
+              class="MuiFormLabel-root-287 MuiInputLabel-root-275 MuiInputLabel-formControl-281 MuiInputLabel-animated-284 MuiInputLabel-outlined-286"
               data-shrink="false"
               id="platform-selector-id-label"
             >
               Platform
             </label>
             <div
-              class="MuiInputBase-root-298 MuiOutlinedInput-root-283 MuiInputBase-formControl-299"
+              class="MuiInputBase-root-321 MuiOutlinedInput-root-306 MuiInputBase-formControl-322"
             >
               <div
                 aria-haspopup="listbox"
                 aria-labelledby="platform-selector-id-label platform-selector"
-                class="MuiSelect-root-272 MuiSelect-select-273 MuiSelect-selectMenu-276 MuiSelect-outlined-275 MuiInputBase-input-309 MuiOutlinedInput-input-293"
+                class="MuiSelect-root-295 MuiSelect-select-296 MuiSelect-selectMenu-299 MuiSelect-outlined-298 MuiInputBase-input-332 MuiOutlinedInput-input-316"
                 id="platform-selector"
                 role="button"
                 tabindex="0"
@@ -249,14 +268,14 @@ exports[`Landing Renders correctly 1`] = `
               </div>
               <input
                 aria-hidden="true"
-                class="MuiSelect-nativeInput-282"
+                class="MuiSelect-nativeInput-305"
                 data-testid="platform-selector-input"
                 tabindex="-1"
                 value=""
               />
               <svg
                 aria-hidden="true"
-                class="MuiSvgIcon-root-235 MuiSelect-icon-278 MuiSelect-iconOutlined-281"
+                class="MuiSvgIcon-root-173 MuiSelect-icon-301 MuiSelect-iconOutlined-304"
                 focusable="false"
                 viewBox="0 0 24 24"
               >
@@ -266,10 +285,10 @@ exports[`Landing Renders correctly 1`] = `
               </svg>
               <fieldset
                 aria-hidden="true"
-                class="PrivateNotchedOutline-root-320 MuiOutlinedInput-notchedOutline-292"
+                class="PrivateNotchedOutline-root-343 MuiOutlinedInput-notchedOutline-315"
               >
                 <legend
-                  class="PrivateNotchedOutline-legendLabelled-322"
+                  class="PrivateNotchedOutline-legendLabelled-345"
                 >
                   <span>
                     Platform
@@ -280,25 +299,25 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiFormControl-root-248 makeStyles-formControl-326"
+            class="MuiFormControl-root-271 makeStyles-formControl-349"
           >
             <label
-              class="MuiFormLabel-root-264 MuiInputLabel-root-252 MuiInputLabel-formControl-258 MuiInputLabel-animated-261 MuiInputLabel-outlined-263"
+              class="MuiFormLabel-root-287 MuiInputLabel-root-275 MuiInputLabel-formControl-281 MuiInputLabel-animated-284 MuiInputLabel-outlined-286"
               data-shrink="false"
               id="rewards-selector-id-label"
             >
               Rewards
             </label>
             <div
-              class="MuiInputBase-root-298 MuiOutlinedInput-root-283 MuiInputBase-formControl-299"
+              class="MuiInputBase-root-321 MuiOutlinedInput-root-306 MuiInputBase-formControl-322"
             >
               <div
                 aria-haspopup="listbox"
                 aria-labelledby="rewards-selector-id-label rewards-selector"
-                class="MuiSelect-root-272 MuiSelect-select-273 MuiSelect-selectMenu-276 MuiSelect-outlined-275 MuiInputBase-input-309 MuiOutlinedInput-input-293"
+                class="MuiSelect-root-295 MuiSelect-select-296 MuiSelect-selectMenu-299 MuiSelect-outlined-298 MuiInputBase-input-332 MuiOutlinedInput-input-316"
                 id="rewards-selector"
                 role="button"
                 tabindex="0"
@@ -309,14 +328,14 @@ exports[`Landing Renders correctly 1`] = `
               </div>
               <input
                 aria-hidden="true"
-                class="MuiSelect-nativeInput-282"
+                class="MuiSelect-nativeInput-305"
                 data-testid="rewards-selector-input"
                 tabindex="-1"
                 value=""
               />
               <svg
                 aria-hidden="true"
-                class="MuiSvgIcon-root-235 MuiSelect-icon-278 MuiSelect-iconOutlined-281"
+                class="MuiSvgIcon-root-173 MuiSelect-icon-301 MuiSelect-iconOutlined-304"
                 focusable="false"
                 viewBox="0 0 24 24"
               >
@@ -326,10 +345,10 @@ exports[`Landing Renders correctly 1`] = `
               </svg>
               <fieldset
                 aria-hidden="true"
-                class="PrivateNotchedOutline-root-320 MuiOutlinedInput-notchedOutline-292"
+                class="PrivateNotchedOutline-root-343 MuiOutlinedInput-notchedOutline-315"
               >
                 <legend
-                  class="PrivateNotchedOutline-legendLabelled-322"
+                  class="PrivateNotchedOutline-legendLabelled-345"
                 >
                   <span>
                     Rewards
@@ -340,37 +359,37 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-true-138 MuiGrid-grid-md-true-166 MuiGrid-grid-lg-6-186"
+          class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-true-76 MuiGrid-grid-md-true-104 MuiGrid-grid-lg-6-124"
         >
           <div
-            class="MuiFormControl-root-248 MuiTextField-root-330 makeStyles-root-328"
+            class="MuiFormControl-root-271 MuiTextField-root-353 makeStyles-root-351"
           >
             <div
-              class="MuiInputBase-root-298 MuiOutlinedInput-root-283 MuiInputBase-formControl-299 MuiInputBase-adornedEnd-303 MuiOutlinedInput-adornedEnd-288"
+              class="MuiInputBase-root-321 MuiOutlinedInput-root-306 MuiInputBase-formControl-322 MuiInputBase-adornedEnd-326 MuiOutlinedInput-adornedEnd-311"
             >
               <input
                 aria-invalid="false"
                 aria-label="Vault Search"
-                class="MuiInputBase-input-309 MuiOutlinedInput-input-293 MuiInputBase-inputAdornedEnd-314 MuiOutlinedInput-inputAdornedEnd-297"
+                class="MuiInputBase-input-332 MuiOutlinedInput-input-316 MuiInputBase-inputAdornedEnd-337 MuiOutlinedInput-inputAdornedEnd-320"
                 placeholder="Search by vault name, token, rewards..."
                 type="text"
                 value=""
               />
               <div
-                class="MuiInputAdornment-root-331 MuiInputAdornment-positionEnd-334"
+                class="MuiInputAdornment-root-354 MuiInputAdornment-positionEnd-357"
               >
                 <button
                   aria-label="search"
-                  class="MuiButtonBase-root-232 MuiIconButton-root-223 makeStyles-icon-329 MuiIconButton-sizeSmall-230"
+                  class="MuiButtonBase-root-170 MuiIconButton-root-161 makeStyles-icon-352 MuiIconButton-sizeSmall-168"
                   tabindex="0"
                   type="button"
                 >
                   <span
-                    class="MuiIconButton-label-231"
+                    class="MuiIconButton-label-169"
                   >
                     <svg
                       aria-hidden="true"
-                      class="MuiSvgIcon-root-235"
+                      class="MuiSvgIcon-root-173"
                       focusable="false"
                       viewBox="0 0 24 24"
                     >
@@ -380,17 +399,17 @@ exports[`Landing Renders correctly 1`] = `
                     </svg>
                   </span>
                   <span
-                    class="MuiTouchRipple-root-638"
+                    class="MuiTouchRipple-root-648"
                   />
                 </button>
               </div>
               <fieldset
                 aria-hidden="true"
-                class="PrivateNotchedOutline-root-320 MuiOutlinedInput-notchedOutline-292"
+                class="PrivateNotchedOutline-root-343 MuiOutlinedInput-notchedOutline-315"
                 style="padding-left: 8px;"
               >
                 <legend
-                  class="PrivateNotchedOutline-legend-321"
+                  class="PrivateNotchedOutline-legend-344"
                   style="width: 0.01px;"
                 >
                   <span>
@@ -402,186 +421,186 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+          class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <button
-            class="MuiButtonBase-root-232 MuiButton-root-338 MuiButton-text-340 MuiButton-textPrimary-341 MuiButton-fullWidth-361"
+            class="MuiButtonBase-root-170 MuiButton-root-239 MuiButton-text-241 MuiButton-textPrimary-242 MuiButton-fullWidth-262"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiButton-label-339"
+              class="MuiButton-label-240"
             >
               CLEAR ALL
             </span>
             <span
-              class="MuiTouchRipple-root-638"
+              class="MuiTouchRipple-root-648"
             />
           </button>
         </div>
       </div>
     </div>
     <div
-      class="MuiPaper-root-76 MuiGrid-root-104 makeStyles-root-382 MuiGrid-container-105 MuiGrid-item-106 MuiPaper-elevation1-80 MuiPaper-rounded-77"
+      class="MuiPaper-root-14 MuiGrid-root-42 makeStyles-root-391 MuiGrid-container-43 MuiGrid-item-44 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
       >
         <div
-          class="MuiGrid-root-104 makeStyles-spacingItem-384 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+          class="MuiGrid-root-42 makeStyles-spacingItem-393 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         />
         <div
-          class="MuiGrid-root-104 makeStyles-title-375 makeStyles-columnTitle-380 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
+          class="MuiGrid-root-42 makeStyles-title-384 makeStyles-columnTitle-389 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
         >
           <p
-            class="MuiTypography-root-13 makeStyles-title-375 MuiTypography-body2-14 MuiTypography-colorTextSecondary-39"
+            class="MuiTypography-root-182 makeStyles-title-384 MuiTypography-body2-183 MuiTypography-colorTextSecondary-208"
           >
             Vault
           </p>
           <button
             aria-label="sort descending by name"
-            class="MuiButtonBase-root-232 MuiIconButton-root-223 makeStyles-sortIcon-376 makeStyles-nonSetSort-378"
+            class="MuiButtonBase-root-170 MuiIconButton-root-161 makeStyles-sortIcon-385 makeStyles-nonSetSort-387"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-231"
+              class="MuiIconButton-label-169"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-376"
+                class="makeStyles-sortIcon-385"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-638"
+              class="MuiTouchRipple-root-648"
             />
           </button>
         </div>
         <div
-          class="MuiGrid-root-104 makeStyles-title-375 makeStyles-columnTitle-380 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 makeStyles-title-384 makeStyles-columnTitle-389 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body2-14 MuiTypography-colorTextSecondary-39"
+            class="MuiTypography-root-182 MuiTypography-body2-183 MuiTypography-colorTextSecondary-208"
           >
             APY
           </p>
           <button
             aria-label="sort descending by APR"
-            class="MuiButtonBase-root-232 MuiIconButton-root-223 makeStyles-sortIcon-376 makeStyles-nonSetSort-378"
+            class="MuiButtonBase-root-170 MuiIconButton-root-161 makeStyles-sortIcon-385 makeStyles-nonSetSort-387"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-231"
+              class="MuiIconButton-label-169"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-376"
+                class="makeStyles-sortIcon-385"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-638"
+              class="MuiTouchRipple-root-648"
             />
           </button>
         </div>
         <div
-          class="MuiGrid-root-104 makeStyles-title-375 makeStyles-columnTitle-380 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 makeStyles-title-384 makeStyles-columnTitle-389 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body2-14 MuiTypography-colorTextSecondary-39"
+            class="MuiTypography-root-182 MuiTypography-body2-183 MuiTypography-colorTextSecondary-208"
           >
             My Deposits
           </p>
           <button
             aria-label="sort descending by balance"
-            class="MuiButtonBase-root-232 MuiIconButton-root-223 makeStyles-sortIcon-376 makeStyles-nonSetSort-378"
+            class="MuiButtonBase-root-170 MuiIconButton-root-161 makeStyles-sortIcon-385 makeStyles-nonSetSort-387"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-231"
+              class="MuiIconButton-label-169"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-376"
+                class="makeStyles-sortIcon-385"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-638"
+              class="MuiTouchRipple-root-648"
             />
           </button>
         </div>
         <div
-          class="MuiGrid-root-104 makeStyles-title-375 makeStyles-columnTitle-380 makeStyles-tvlColumn-381 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 makeStyles-title-384 makeStyles-columnTitle-389 makeStyles-tvlColumn-390 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body2-14 MuiTypography-colorTextSecondary-39"
+            class="MuiTypography-root-182 MuiTypography-body2-183 MuiTypography-colorTextSecondary-208"
           >
             TVL
           </p>
           <button
             aria-label="sort descending by TVL"
-            class="MuiButtonBase-root-232 MuiIconButton-root-223 makeStyles-sortIcon-376 makeStyles-nonSetSort-378"
+            class="MuiButtonBase-root-170 MuiIconButton-root-161 makeStyles-sortIcon-385 makeStyles-nonSetSort-387"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-231"
+              class="MuiIconButton-label-169"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-376"
+                class="makeStyles-sortIcon-385"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-638"
+              class="MuiTouchRipple-root-648"
             />
           </button>
         </div>
       </div>
     </div>
     <div
-      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-405"
           >
             <img
               alt="CVX logo"
-              class="makeStyles-position-397"
+              class="makeStyles-position-406"
               src="/assets/icons/cvx.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
         >
           <h6
-            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
+            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
           >
             bveCVX
           </h6>
           <div
-            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
+            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
           >
             <div
-              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
             >
               <div
-                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-433 MuiChip-labelSmall-434"
                 >
                   Convex
                 </span>
@@ -590,69 +609,48 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-439 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-448 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-440 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-449 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 28.32%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
-            <div
-              class="MuiBox-root-438 MuiBox-root-441 makeStyles-yieldBearingRewards-437"
-            >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
-              >
-                Rewards earn up to 
-                28.32
-                %
-              </span>
-            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-463"
+            class="MuiBox-root-447 MuiBox-root-480"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $6,450.00
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-467"
+            class="MuiBox-root-447 MuiBox-root-484"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $13,738,345
             </p>
@@ -661,69 +659,69 @@ exports[`Landing Renders correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-405"
           >
             <img
               alt="cvxCRV logo"
-              class="makeStyles-position-468"
+              class="makeStyles-position-485"
               src="/assets/icons/cvxcrv.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
         >
           <h6
-            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
+            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
           >
             cvxCRV
           </h6>
           <div
-            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
+            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
           >
             <div
-              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
             >
               <div
-                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-433 MuiChip-labelSmall-434"
                 >
                   Convex
                 </span>
               </div>
             </div>
             <div
-              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
             >
               <div
-                class="MuiChip-root-402 makeStyles-tag-398 makeStyles-clickableTag-400 MuiChip-sizeSmall-403"
+                class="MuiChip-root-411 makeStyles-tag-407 makeStyles-clickableTag-409 MuiChip-sizeSmall-412"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-433 MuiChip-labelSmall-434"
                 >
                   Ecosystem Helper
                 </span>
               </div>
             </div>
             <div
-              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
             >
               <div
-                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-433 MuiChip-labelSmall-434"
                 >
                   🚀 Boosted
                 </span>
@@ -732,69 +730,48 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-469 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-486 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-470 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-487 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 18.48%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
-            <div
-              class="MuiBox-root-438 MuiBox-root-471 makeStyles-yieldBearingRewards-437"
-            >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
-              >
-                Rewards earn up to 
-                28.32
-                %
-              </span>
-            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-474"
+            class="MuiBox-root-447 MuiBox-root-490"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $1,712.37
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-477"
+            class="MuiBox-root-447 MuiBox-root-493"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $3,609,918
             </p>
@@ -803,43 +780,43 @@ exports[`Landing Renders correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-405"
           >
             <img
               alt="AURA logo"
-              class="makeStyles-position-478"
+              class="makeStyles-position-494"
               src="/assets/icons/aura.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
         >
           <h6
-            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
+            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
           >
             graviAURA
           </h6>
           <div
-            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
+            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
           >
             <div
-              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
             >
               <div
-                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-433 MuiChip-labelSmall-434"
                 >
                   Aura
                 </span>
@@ -848,69 +825,48 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-479 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-495 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-480 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-496 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 80.91%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
-            <div
-              class="MuiBox-root-438 MuiBox-root-481 makeStyles-yieldBearingRewards-437"
-            >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
-              >
-                Rewards earn up to 
-                80.91
-                %
-              </span>
-            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-484"
+            class="MuiBox-root-447 MuiBox-root-499"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $0
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-487"
+            class="MuiBox-root-447 MuiBox-root-502"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $2,753,168
             </p>
@@ -919,56 +875,56 @@ exports[`Landing Renders correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-405"
           >
             <img
               alt="auraBAL logo"
-              class="makeStyles-position-488"
+              class="makeStyles-position-503"
               src="/assets/icons/aurabal.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
         >
           <h6
-            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
+            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
           >
             auraBAL
           </h6>
           <div
-            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
+            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
           >
             <div
-              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
             >
               <div
-                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-433 MuiChip-labelSmall-434"
                 >
                   Aura
                 </span>
               </div>
             </div>
             <div
-              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
             >
               <div
-                class="MuiChip-root-402 makeStyles-tag-398 makeStyles-clickableTag-400 MuiChip-sizeSmall-403"
+                class="MuiChip-root-411 makeStyles-tag-407 makeStyles-clickableTag-409 MuiChip-sizeSmall-412"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-433 MuiChip-labelSmall-434"
                 >
                   Ecosystem Helper
                 </span>
@@ -977,69 +933,58 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-489 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-504 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-490 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-505 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
-                65.00%
+                14.91%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-491 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-447 MuiBox-root-506"
             >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
+              <p
+                class="MuiTypography-root-182 makeStyles-projectedApr-445 MuiTypography-body1-184"
               >
-                Rewards earn up to 
-                80.91
-                %
-              </span>
+                Current: 
+                65.00%
+              </p>
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-494"
+            class="MuiBox-root-447 MuiBox-root-509"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $0
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-497"
+            class="MuiBox-root-447 MuiBox-root-512"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $836,428
             </p>
@@ -1048,53 +993,53 @@ exports[`Landing Renders correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-405"
           >
             <img
               alt="auraBAL logo"
-              class="makeStyles-position-498"
+              class="makeStyles-position-513"
               src="/assets/icons/aurabal.svg"
             />
             <img
               alt="graviAURA logo"
-              class="makeStyles-position-499"
+              class="makeStyles-position-514"
               src="/assets/icons/graviaura.svg"
             />
             <img
               alt="WETH logo"
-              class="makeStyles-position-500"
+              class="makeStyles-position-515"
               src="/assets/icons/weth.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
         >
           <h6
-            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
+            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
           >
             graviAURA/auraBAL/WETH
           </h6>
           <div
-            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
+            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
           >
             <div
-              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
             >
               <div
-                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-433 MuiChip-labelSmall-434"
                 >
                   Aura
                 </span>
@@ -1103,69 +1048,58 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-501 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-516 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-502 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-517 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
-                95.64%
+                56.93%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-503 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-447 MuiBox-root-518"
             >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
+              <p
+                class="MuiTypography-root-182 makeStyles-projectedApr-445 MuiTypography-body1-184"
               >
-                Rewards earn up to 
-                80.91
-                %
-              </span>
+                Current: 
+                95.64%
+              </p>
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-506"
+            class="MuiBox-root-447 MuiBox-root-521"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $0
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-509"
+            class="MuiBox-root-447 MuiBox-root-524"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $106,996
             </p>
@@ -1174,48 +1108,48 @@ exports[`Landing Renders correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-405"
           >
             <img
               alt="WBTC logo"
-              class="makeStyles-position-510"
+              class="makeStyles-position-525"
               src="/assets/icons/wbtc.svg"
             />
             <img
               alt="BADGER logo"
-              class="makeStyles-position-511"
+              class="makeStyles-position-526"
               src="/assets/icons/badger.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
         >
           <h6
-            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
+            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
           >
             BADGER/WBTC
           </h6>
           <div
-            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
+            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
           >
             <div
-              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
             >
               <div
-                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-433 MuiChip-labelSmall-434"
                 >
                   Aura
                 </span>
@@ -1224,69 +1158,58 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-512 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-527 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-513 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-528 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
-                166.58%
+                62.26%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-514 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-447 MuiBox-root-529"
             >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
+              <p
+                class="MuiTypography-root-182 makeStyles-projectedApr-445 MuiTypography-body1-184"
               >
-                Rewards earn up to 
-                80.91
-                %
-              </span>
+                Current: 
+                166.58%
+              </p>
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-517"
+            class="MuiBox-root-447 MuiBox-root-532"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $0
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-520"
+            class="MuiBox-root-447 MuiBox-root-535"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $2,739,793
             </p>
@@ -1295,53 +1218,53 @@ exports[`Landing Renders correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-405"
           >
             <img
               alt="WBTC logo"
-              class="makeStyles-position-521"
+              class="makeStyles-position-536"
               src="/assets/icons/wbtc.svg"
             />
             <img
               alt="DIGG logo"
-              class="makeStyles-position-522"
+              class="makeStyles-position-537"
               src="/assets/icons/digg.svg"
             />
             <img
               alt="graviAURA logo"
-              class="makeStyles-position-523"
+              class="makeStyles-position-538"
               src="/assets/icons/graviaura.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
         >
           <h6
-            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
+            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
           >
             graviAURA/DIGG/WBTC
           </h6>
           <div
-            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
+            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
           >
             <div
-              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
             >
               <div
-                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-433 MuiChip-labelSmall-434"
                 >
                   Aura
                 </span>
@@ -1350,69 +1273,58 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-524 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-539 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-525 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-540 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
-                5.08%
+                43.99%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-526 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-447 MuiBox-root-541"
             >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
+              <p
+                class="MuiTypography-root-182 makeStyles-projectedApr-445 MuiTypography-body1-184"
               >
-                Rewards earn up to 
-                80.91
-                %
-              </span>
+                Current: 
+                5.08%
+              </p>
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-529"
+            class="MuiBox-root-447 MuiBox-root-544"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $0
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-532"
+            class="MuiBox-root-447 MuiBox-root-547"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $744,657
             </p>
@@ -1421,48 +1333,48 @@ exports[`Landing Renders correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-405"
           >
             <img
               alt="CVX logo"
-              class="makeStyles-position-533"
+              class="makeStyles-position-548"
               src="/assets/icons/cvx.svg"
             />
             <img
               alt="bveCVX logo"
-              class="makeStyles-position-534"
+              class="makeStyles-position-549"
               src="/assets/icons/bvecvx.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
         >
           <h6
-            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
+            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
           >
             CVX/bveCVX
           </h6>
           <div
-            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
+            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
           >
             <div
-              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
             >
               <div
-                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-433 MuiChip-labelSmall-434"
                 >
                   Curve
                 </span>
@@ -1471,69 +1383,48 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-535 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-550 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-536 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-551 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 36.69%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
-            <div
-              class="MuiBox-root-438 MuiBox-root-537 makeStyles-yieldBearingRewards-437"
-            >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
-              >
-                Rewards earn up to 
-                28.32
-                %
-              </span>
-            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-540"
+            class="MuiBox-root-447 MuiBox-root-554"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $0
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-543"
+            class="MuiBox-root-447 MuiBox-root-557"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $832,345
             </p>
@@ -1542,61 +1433,61 @@ exports[`Landing Renders correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-405"
           >
             <img
               alt="wibBTC logo"
-              class="makeStyles-position-544"
+              class="makeStyles-position-558"
               src="/assets/icons/wibbtc.svg"
             />
             <img
               alt="crvRenWSBTC logo"
-              class="makeStyles-position-545"
+              class="makeStyles-position-559"
               src="/assets/icons/crvrenwsbtc.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
         >
           <h6
-            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
+            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
           >
             ibBTC/crvsBTC
           </h6>
           <div
-            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
+            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
           >
             <div
-              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
             >
               <div
-                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-433 MuiChip-labelSmall-434"
                 >
                   Convex
                 </span>
               </div>
             </div>
             <div
-              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
             >
               <div
-                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-433 MuiChip-labelSmall-434"
                 >
                   🚀 Boosted
                 </span>
@@ -1605,69 +1496,48 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-546 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-560 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-547 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-561 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 20.29%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
-            <div
-              class="MuiBox-root-438 MuiBox-root-548 makeStyles-yieldBearingRewards-437"
-            >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
-              >
-                Rewards earn up to 
-                28.32
-                %
-              </span>
-            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-551"
+            class="MuiBox-root-447 MuiBox-root-564"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $0
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-554"
+            class="MuiBox-root-447 MuiBox-root-567"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $19,814,734
             </p>
@@ -1676,48 +1546,48 @@ exports[`Landing Renders correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-405"
           >
             <img
               alt="BADGER logo"
-              class="makeStyles-position-555"
+              class="makeStyles-position-568"
               src="/assets/icons/badger.svg"
             />
             <img
               alt="WBTC logo"
-              class="makeStyles-position-556"
+              class="makeStyles-position-569"
               src="/assets/icons/wbtc.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
         >
           <h6
-            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
+            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
           >
             BADGER/WBTC
           </h6>
           <div
-            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
+            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
           >
             <div
-              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
             >
               <div
-                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-433 MuiChip-labelSmall-434"
                 >
                   Convex
                 </span>
@@ -1726,69 +1596,48 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-557 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-570 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-558 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-571 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 4.77%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
-            <div
-              class="MuiBox-root-438 MuiBox-root-559 makeStyles-yieldBearingRewards-437"
-            >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
-              >
-                Rewards earn up to 
-                28.32
-                %
-              </span>
-            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-562"
+            class="MuiBox-root-447 MuiBox-root-574"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $0
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-565"
+            class="MuiBox-root-447 MuiBox-root-577"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $2,708,612
             </p>
@@ -1797,48 +1646,48 @@ exports[`Landing Renders correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-405"
           >
             <img
               alt="WBTC logo"
-              class="makeStyles-position-566"
+              class="makeStyles-position-578"
               src="/assets/icons/wbtc.svg"
             />
             <img
               alt="BADGER logo"
-              class="makeStyles-position-567"
+              class="makeStyles-position-579"
               src="/assets/icons/badger.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
         >
           <h6
-            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
+            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
           >
             wBTC/Badger
           </h6>
           <div
-            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
+            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
           >
             <div
-              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
             >
               <div
-                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-433 MuiChip-labelSmall-434"
                 >
                   Sushiswap
                 </span>
@@ -1847,48 +1696,48 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-568 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-580 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-569 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-581 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 7.03%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-572"
+            class="MuiBox-root-447 MuiBox-root-584"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $0
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-575"
+            class="MuiBox-root-447 MuiBox-root-587"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $1,224,135
             </p>
@@ -1897,43 +1746,43 @@ exports[`Landing Renders correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-405"
           >
             <img
               alt="WBTC logo"
-              class="makeStyles-position-576"
+              class="makeStyles-position-588"
               src="/assets/icons/wbtc.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
         >
           <h6
-            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
+            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
           >
             wBTC
           </h6>
           <div
-            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
+            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
           >
             <div
-              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
             >
               <div
-                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-433 MuiChip-labelSmall-434"
                 >
                   Yearn
                 </span>
@@ -1942,48 +1791,48 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-577 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-589 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-578 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-590 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 0.00%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-581"
+            class="MuiBox-root-447 MuiBox-root-593"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $0
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-584"
+            class="MuiBox-root-447 MuiBox-root-596"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $1,565,378
             </p>
@@ -1992,48 +1841,48 @@ exports[`Landing Renders correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-405"
           >
             <img
               alt="WBTC logo"
-              class="makeStyles-position-585"
+              class="makeStyles-position-597"
               src="/assets/icons/wbtc.svg"
             />
             <img
               alt="WETH logo"
-              class="makeStyles-position-586"
+              class="makeStyles-position-598"
               src="/assets/icons/weth.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
         >
           <h6
-            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
+            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
           >
             wBTC/wETH
           </h6>
           <div
-            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
+            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
           >
             <div
-              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
             >
               <div
-                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-433 MuiChip-labelSmall-434"
                 >
                   Sushiswap
                 </span>
@@ -2042,48 +1891,48 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-587 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-599 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-588 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-600 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 2.23%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-591"
+            class="MuiBox-root-447 MuiBox-root-603"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $0
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-594"
+            class="MuiBox-root-447 MuiBox-root-606"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $7,835,152
             </p>
@@ -2092,53 +1941,53 @@ exports[`Landing Renders correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-405"
           >
             <img
               alt="bb-a-USDT logo"
-              class="makeStyles-position-595"
+              class="makeStyles-position-607"
               src="/assets/icons/bb-a-usdt.svg"
             />
             <img
               alt="bb-a-DAI logo"
-              class="makeStyles-position-596"
+              class="makeStyles-position-608"
               src="/assets/icons/bb-a-dai.svg"
             />
             <img
               alt="bb-a-USDC logo"
-              class="makeStyles-position-597"
+              class="makeStyles-position-609"
               src="/assets/icons/bb-a-usdc.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
         >
           <h6
-            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
+            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
           >
             bb-a-USD
           </h6>
           <div
-            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
+            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
           >
             <div
-              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
             >
               <div
-                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-433 MuiChip-labelSmall-434"
                 >
                   Aura
                 </span>
@@ -2147,69 +1996,58 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-598 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-610 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-599 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-611 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
-                6.89%
+                1.75%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-600 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-447 MuiBox-root-612"
             >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
+              <p
+                class="MuiTypography-root-182 makeStyles-projectedApr-445 MuiTypography-body1-184"
               >
-                Rewards earn up to 
-                80.91
-                %
-              </span>
+                Current: 
+                6.89%
+              </p>
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-603"
+            class="MuiBox-root-447 MuiBox-root-615"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $0
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-606"
+            class="MuiBox-root-447 MuiBox-root-618"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $204,737
             </p>
@@ -2218,48 +2056,48 @@ exports[`Landing Renders correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-405"
           >
             <img
               alt="renBTC logo"
-              class="makeStyles-position-607"
+              class="makeStyles-position-619"
               src="/assets/icons/renbtc.svg"
             />
             <img
               alt="WBTC logo"
-              class="makeStyles-position-608"
+              class="makeStyles-position-620"
               src="/assets/icons/wbtc.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
         >
           <h6
-            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
+            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
           >
             renBTC/wBTC
           </h6>
           <div
-            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
+            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
           >
             <div
-              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
             >
               <div
-                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-433 MuiChip-labelSmall-434"
                 >
                   Convex
                 </span>
@@ -2268,69 +2106,48 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-609 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-621 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-610 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-622 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 0.92%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
-            <div
-              class="MuiBox-root-438 MuiBox-root-611 makeStyles-yieldBearingRewards-437"
-            >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
-              >
-                Rewards earn up to 
-                28.32
-                %
-              </span>
-            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-614"
+            class="MuiBox-root-447 MuiBox-root-625"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $0
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-617"
+            class="MuiBox-root-447 MuiBox-root-628"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $13,628,486
             </p>
@@ -2339,53 +2156,53 @@ exports[`Landing Renders correctly 1`] = `
       </div>
     </div>
     <div
-      class="MuiPaper-root-76 MuiCard-root-395 MuiGrid-root-104 makeStyles-root-386 MuiGrid-container-105 MuiGrid-direction-xs-column-108 MuiPaper-elevation1-80 MuiPaper-rounded-77"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-395 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 makeStyles-iconBadgeContainer-390 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+          class="MuiGrid-root-42 makeStyles-iconBadgeContainer-399 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-405"
           >
             <img
               alt="USDT logo"
-              class="makeStyles-position-618"
+              class="makeStyles-position-629"
               src="/assets/icons/usdt.svg"
             />
             <img
               alt="WBTC logo"
-              class="makeStyles-position-619"
+              class="makeStyles-position-630"
               src="/assets/icons/wbtc.svg"
             />
             <img
               alt="WETH logo"
-              class="makeStyles-position-620"
+              class="makeStyles-position-631"
               src="/assets/icons/weth.svg"
             />
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
         >
           <h6
-            class="MuiTypography-root-13 makeStyles-vaultName-391 MuiTypography-subtitle1-24"
+            class="MuiTypography-root-182 makeStyles-vaultName-400 MuiTypography-subtitle1-193"
           >
             Tricrypto2
           </h6>
           <div
-            class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
+            class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
           >
             <div
-              class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+              class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
             >
               <div
-                class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+                class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-433 MuiChip-labelSmall-434"
                 >
                   Convex
                 </span>
@@ -2394,69 +2211,48 @@ exports[`Landing Renders correctly 1`] = `
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-621 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-632 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-622 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-633 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 2.14%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
-            <div
-              class="MuiBox-root-438 MuiBox-root-623 makeStyles-yieldBearingRewards-437"
-            >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
-              >
-                Rewards earn up to 
-                28.32
-                %
-              </span>
-            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-626"
+            class="MuiBox-root-447 MuiBox-root-636"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $0
             </p>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <div
-            class="MuiBox-root-438 MuiBox-root-629"
+            class="MuiBox-root-447 MuiBox-root-639"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-397 MuiTypography-body1-184"
             >
               $817,047
             </p>
@@ -2473,53 +2269,34 @@ exports[`Landing Renders mobile version correctly 1`] = `
   <div
     class="MuiContainer-root-3 WithStyles(ForwardRef(Container))-root-2 makeStyles-root-1 MuiContainer-maxWidthLg-9"
   >
-    <h1
-      class="MuiTypography-root-13 makeStyles-title-11 MuiTypography-body1-15"
-    >
-      Do Less & Earn More with BadgerDAO
-    </h1>
-    <p
-      class="MuiTypography-root-13 makeStyles-subtitle-12 MuiTypography-body1-15"
-    >
-      Deposit to earn
-       
-      <a
-        class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-        href="#"
-      >
-        Yield-Bearing Rewards
-      </a>
-       
-      that automate and optimize yield from Aura and Convex positions
-    </p>
     <div
-      class="MuiPaper-root-76 makeStyles-paper-75 MuiPaper-elevation1-80 MuiPaper-rounded-77"
+      class="MuiPaper-root-14 makeStyles-paper-13 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105"
+        class="MuiGrid-root-42 MuiGrid-container-43"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-true-76"
         >
           <label
-            class="MuiFormControlLabel-root-207"
+            class="MuiFormControlLabel-root-145"
           >
             <span
               aria-disabled="false"
-              class="MuiButtonBase-root-232 MuiIconButton-root-223 PrivateSwitchBase-root-219 MuiCheckbox-root-213 MuiCheckbox-colorPrimary-217 MuiIconButton-colorPrimary-227"
+              class="MuiButtonBase-root-170 MuiIconButton-root-161 PrivateSwitchBase-root-157 MuiCheckbox-root-151 MuiCheckbox-colorPrimary-155 MuiIconButton-colorPrimary-165"
             >
               <span
-                class="MuiIconButton-label-231"
+                class="MuiIconButton-label-169"
               >
                 <input
-                  class="PrivateSwitchBase-input-222"
+                  class="PrivateSwitchBase-input-160"
                   data-indeterminate="false"
                   type="checkbox"
                   value=""
                 />
                 <svg
                   aria-hidden="true"
-                  class="MuiSvgIcon-root-235"
+                  class="MuiSvgIcon-root-173"
                   focusable="false"
                   viewBox="0 0 24 24"
                 >
@@ -2529,14 +2306,14 @@ exports[`Landing Renders mobile version correctly 1`] = `
                 </svg>
               </span>
               <span
-                class="MuiTouchRipple-root-640"
+                class="MuiTouchRipple-root-650"
               />
             </span>
             <span
-              class="MuiTypography-root-13 MuiFormControlLabel-label-212 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiFormControlLabel-label-150 MuiTypography-body1-184"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body2-14"
+                class="MuiTypography-root-182 MuiTypography-body2-183"
               >
                 Only show deposits
               </p>
@@ -2544,24 +2321,24 @@ exports[`Landing Renders mobile version correctly 1`] = `
           </label>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <button
-            class="MuiButtonBase-root-232 MuiButton-root-338 MuiButton-text-340 makeStyles-button-638"
+            class="MuiButtonBase-root-170 MuiButton-root-239 MuiButton-text-241 makeStyles-button-648"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiButton-label-339 makeStyles-buttonLabel-639"
+              class="MuiButton-label-240 makeStyles-buttonLabel-649"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body2-14 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body2-183 MuiTypography-displayInline-210"
               >
                 Filters
               </p>
               <svg
                 aria-hidden="true"
-                class="MuiSvgIcon-root-235"
+                class="MuiSvgIcon-root-173"
                 focusable="false"
                 viewBox="0 0 24 24"
               >
@@ -2571,220 +2348,199 @@ exports[`Landing Renders mobile version correctly 1`] = `
               </svg>
             </span>
             <span
-              class="MuiTouchRipple-root-640"
+              class="MuiTouchRipple-root-650"
             />
           </button>
         </div>
       </div>
     </div>
     <div
-      class="MuiPaper-root-76 MuiGrid-root-104 makeStyles-root-382 MuiGrid-container-105 MuiGrid-item-106 MuiPaper-elevation1-80 MuiPaper-rounded-77"
+      class="MuiPaper-root-14 MuiGrid-root-42 makeStyles-root-391 MuiGrid-container-43 MuiGrid-item-44 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
       >
         <div
-          class="MuiGrid-root-104 makeStyles-spacingItem-384 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+          class="MuiGrid-root-42 makeStyles-spacingItem-393 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         />
         <div
-          class="MuiGrid-root-104 makeStyles-title-375 makeStyles-columnTitle-380 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
+          class="MuiGrid-root-42 makeStyles-title-384 makeStyles-columnTitle-389 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
         >
           <p
-            class="MuiTypography-root-13 makeStyles-title-375 MuiTypography-body2-14 MuiTypography-colorTextSecondary-39"
+            class="MuiTypography-root-182 makeStyles-title-384 MuiTypography-body2-183 MuiTypography-colorTextSecondary-208"
           >
             Vault
           </p>
           <button
             aria-label="sort descending by name"
-            class="MuiButtonBase-root-232 MuiIconButton-root-223 makeStyles-sortIcon-376 makeStyles-nonSetSort-378"
+            class="MuiButtonBase-root-170 MuiIconButton-root-161 makeStyles-sortIcon-385 makeStyles-nonSetSort-387"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-231"
+              class="MuiIconButton-label-169"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-376"
+                class="makeStyles-sortIcon-385"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-640"
+              class="MuiTouchRipple-root-650"
             />
           </button>
         </div>
         <div
-          class="MuiGrid-root-104 makeStyles-title-375 makeStyles-columnTitle-380 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 makeStyles-title-384 makeStyles-columnTitle-389 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body2-14 MuiTypography-colorTextSecondary-39"
+            class="MuiTypography-root-182 MuiTypography-body2-183 MuiTypography-colorTextSecondary-208"
           >
             APY
           </p>
           <button
             aria-label="sort descending by APR"
-            class="MuiButtonBase-root-232 MuiIconButton-root-223 makeStyles-sortIcon-376 makeStyles-nonSetSort-378"
+            class="MuiButtonBase-root-170 MuiIconButton-root-161 makeStyles-sortIcon-385 makeStyles-nonSetSort-387"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-231"
+              class="MuiIconButton-label-169"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-376"
+                class="makeStyles-sortIcon-385"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-640"
+              class="MuiTouchRipple-root-650"
             />
           </button>
         </div>
         <div
-          class="MuiGrid-root-104 makeStyles-title-375 makeStyles-columnTitle-380 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 makeStyles-title-384 makeStyles-columnTitle-389 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body2-14 MuiTypography-colorTextSecondary-39"
+            class="MuiTypography-root-182 MuiTypography-body2-183 MuiTypography-colorTextSecondary-208"
           >
             My Deposits
           </p>
           <button
             aria-label="sort descending by balance"
-            class="MuiButtonBase-root-232 MuiIconButton-root-223 makeStyles-sortIcon-376 makeStyles-nonSetSort-378"
+            class="MuiButtonBase-root-170 MuiIconButton-root-161 makeStyles-sortIcon-385 makeStyles-nonSetSort-387"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-231"
+              class="MuiIconButton-label-169"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-376"
+                class="makeStyles-sortIcon-385"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-640"
+              class="MuiTouchRipple-root-650"
             />
           </button>
         </div>
         <div
-          class="MuiGrid-root-104 makeStyles-title-375 makeStyles-columnTitle-380 makeStyles-tvlColumn-381 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 makeStyles-title-384 makeStyles-columnTitle-389 makeStyles-tvlColumn-390 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body2-14 MuiTypography-colorTextSecondary-39"
+            class="MuiTypography-root-182 MuiTypography-body2-183 MuiTypography-colorTextSecondary-208"
           >
             TVL
           </p>
           <button
             aria-label="sort descending by TVL"
-            class="MuiButtonBase-root-232 MuiIconButton-root-223 makeStyles-sortIcon-376 makeStyles-nonSetSort-378"
+            class="MuiButtonBase-root-170 MuiIconButton-root-161 makeStyles-sortIcon-385 makeStyles-nonSetSort-387"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-231"
+              class="MuiIconButton-label-169"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-376"
+                class="makeStyles-sortIcon-385"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-640"
+              class="MuiTouchRipple-root-650"
             />
           </button>
         </div>
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="CVX logo"
-            class="makeStyles-position-653"
+            class="makeStyles-position-663"
             src="/assets/icons/cvx.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           bveCVX
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-654 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-664 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-655 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-665 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 28.32%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
-            <div
-              class="MuiBox-root-438 MuiBox-root-656 makeStyles-yieldBearingRewards-437"
-            >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
-              >
-                Rewards earn up to 
-                28.32
-                %
-              </span>
-            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-659"
+            class="MuiBox-root-447 MuiBox-root-668"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $6,450.00
             </p>
@@ -2792,19 +2548,19 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Convex
               </span>
@@ -2814,90 +2570,69 @@ exports[`Landing Renders mobile version correctly 1`] = `
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="cvxCRV logo"
-            class="makeStyles-position-660"
+            class="makeStyles-position-669"
             src="/assets/icons/cvxcrv.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           cvxCRV
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-661 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-670 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-662 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-671 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 18.48%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
-            <div
-              class="MuiBox-root-438 MuiBox-root-663 makeStyles-yieldBearingRewards-437"
-            >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
-              >
-                Rewards earn up to 
-                28.32
-                %
-              </span>
-            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-666"
+            class="MuiBox-root-447 MuiBox-root-674"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $1,712.37
             </p>
@@ -2905,45 +2640,45 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Convex
               </span>
             </div>
           </div>
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 makeStyles-clickableTag-400 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 makeStyles-clickableTag-409 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Ecosystem Helper
               </span>
             </div>
           </div>
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 🚀 Boosted
               </span>
@@ -2953,90 +2688,69 @@ exports[`Landing Renders mobile version correctly 1`] = `
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="AURA logo"
-            class="makeStyles-position-667"
+            class="makeStyles-position-675"
             src="/assets/icons/aura.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           graviAURA
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-668 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-676 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-669 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-677 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 80.91%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
-            <div
-              class="MuiBox-root-438 MuiBox-root-670 makeStyles-yieldBearingRewards-437"
-            >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
-              >
-                Rewards earn up to 
-                80.91
-                %
-              </span>
-            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-673"
+            class="MuiBox-root-447 MuiBox-root-680"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -3044,19 +2758,19 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Aura
               </span>
@@ -3066,90 +2780,79 @@ exports[`Landing Renders mobile version correctly 1`] = `
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="auraBAL logo"
-            class="makeStyles-position-674"
+            class="makeStyles-position-681"
             src="/assets/icons/aurabal.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           auraBAL
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-675 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-682 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-676 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-683 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
-                65.00%
+                14.91%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-677 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-447 MuiBox-root-684"
             >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
+              <p
+                class="MuiTypography-root-182 makeStyles-projectedApr-445 MuiTypography-body1-184"
               >
-                Rewards earn up to 
-                80.91
-                %
-              </span>
+                Current: 
+                65.00%
+              </p>
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-680"
+            class="MuiBox-root-447 MuiBox-root-687"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -3157,32 +2860,32 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Aura
               </span>
             </div>
           </div>
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 makeStyles-clickableTag-400 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 makeStyles-clickableTag-409 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Ecosystem Helper
               </span>
@@ -3192,100 +2895,89 @@ exports[`Landing Renders mobile version correctly 1`] = `
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="auraBAL logo"
-            class="makeStyles-position-681"
+            class="makeStyles-position-688"
             src="/assets/icons/aurabal.svg"
           />
           <img
             alt="graviAURA logo"
-            class="makeStyles-position-682"
+            class="makeStyles-position-689"
             src="/assets/icons/graviaura.svg"
           />
           <img
             alt="WETH logo"
-            class="makeStyles-position-683"
+            class="makeStyles-position-690"
             src="/assets/icons/weth.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           graviAURA/auraBAL/WETH
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-684 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-691 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-685 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-692 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
-                95.64%
+                56.93%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-686 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-447 MuiBox-root-693"
             >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
+              <p
+                class="MuiTypography-root-182 makeStyles-projectedApr-445 MuiTypography-body1-184"
               >
-                Rewards earn up to 
-                80.91
-                %
-              </span>
+                Current: 
+                95.64%
+              </p>
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-689"
+            class="MuiBox-root-447 MuiBox-root-696"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -3293,19 +2985,19 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Aura
               </span>
@@ -3315,95 +3007,84 @@ exports[`Landing Renders mobile version correctly 1`] = `
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-690"
+            class="makeStyles-position-697"
             src="/assets/icons/wbtc.svg"
           />
           <img
             alt="BADGER logo"
-            class="makeStyles-position-691"
+            class="makeStyles-position-698"
             src="/assets/icons/badger.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           BADGER/WBTC
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-692 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-699 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-693 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-700 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
-                166.58%
+                62.26%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-694 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-447 MuiBox-root-701"
             >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
+              <p
+                class="MuiTypography-root-182 makeStyles-projectedApr-445 MuiTypography-body1-184"
               >
-                Rewards earn up to 
-                80.91
-                %
-              </span>
+                Current: 
+                166.58%
+              </p>
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-697"
+            class="MuiBox-root-447 MuiBox-root-704"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -3411,19 +3092,19 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Aura
               </span>
@@ -3433,100 +3114,89 @@ exports[`Landing Renders mobile version correctly 1`] = `
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-698"
+            class="makeStyles-position-705"
             src="/assets/icons/wbtc.svg"
           />
           <img
             alt="DIGG logo"
-            class="makeStyles-position-699"
+            class="makeStyles-position-706"
             src="/assets/icons/digg.svg"
           />
           <img
             alt="graviAURA logo"
-            class="makeStyles-position-700"
+            class="makeStyles-position-707"
             src="/assets/icons/graviaura.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           graviAURA/DIGG/WBTC
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-701 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-708 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-702 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-709 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
-                5.08%
+                43.99%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-703 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-447 MuiBox-root-710"
             >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
+              <p
+                class="MuiTypography-root-182 makeStyles-projectedApr-445 MuiTypography-body1-184"
               >
-                Rewards earn up to 
-                80.91
-                %
-              </span>
+                Current: 
+                5.08%
+              </p>
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-706"
+            class="MuiBox-root-447 MuiBox-root-713"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -3534,19 +3204,19 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Aura
               </span>
@@ -3556,95 +3226,74 @@ exports[`Landing Renders mobile version correctly 1`] = `
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="CVX logo"
-            class="makeStyles-position-707"
+            class="makeStyles-position-714"
             src="/assets/icons/cvx.svg"
           />
           <img
             alt="bveCVX logo"
-            class="makeStyles-position-708"
+            class="makeStyles-position-715"
             src="/assets/icons/bvecvx.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           CVX/bveCVX
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-709 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-716 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-710 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-717 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 36.69%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
-            <div
-              class="MuiBox-root-438 MuiBox-root-711 makeStyles-yieldBearingRewards-437"
-            >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
-              >
-                Rewards earn up to 
-                28.32
-                %
-              </span>
-            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-714"
+            class="MuiBox-root-447 MuiBox-root-720"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -3652,19 +3301,19 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Curve
               </span>
@@ -3674,95 +3323,74 @@ exports[`Landing Renders mobile version correctly 1`] = `
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="wibBTC logo"
-            class="makeStyles-position-715"
+            class="makeStyles-position-721"
             src="/assets/icons/wibbtc.svg"
           />
           <img
             alt="crvRenWSBTC logo"
-            class="makeStyles-position-716"
+            class="makeStyles-position-722"
             src="/assets/icons/crvrenwsbtc.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           ibBTC/crvsBTC
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-717 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-723 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-718 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-724 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 20.29%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
-            <div
-              class="MuiBox-root-438 MuiBox-root-719 makeStyles-yieldBearingRewards-437"
-            >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
-              >
-                Rewards earn up to 
-                28.32
-                %
-              </span>
-            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-722"
+            class="MuiBox-root-447 MuiBox-root-727"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -3770,32 +3398,32 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Convex
               </span>
             </div>
           </div>
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 🚀 Boosted
               </span>
@@ -3805,95 +3433,74 @@ exports[`Landing Renders mobile version correctly 1`] = `
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="BADGER logo"
-            class="makeStyles-position-723"
+            class="makeStyles-position-728"
             src="/assets/icons/badger.svg"
           />
           <img
             alt="WBTC logo"
-            class="makeStyles-position-724"
+            class="makeStyles-position-729"
             src="/assets/icons/wbtc.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           BADGER/WBTC
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-725 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-730 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-726 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-731 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 4.77%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
-            <div
-              class="MuiBox-root-438 MuiBox-root-727 makeStyles-yieldBearingRewards-437"
-            >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
-              >
-                Rewards earn up to 
-                28.32
-                %
-              </span>
-            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-730"
+            class="MuiBox-root-447 MuiBox-root-734"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -3901,19 +3508,19 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Convex
               </span>
@@ -3923,74 +3530,74 @@ exports[`Landing Renders mobile version correctly 1`] = `
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-731"
+            class="makeStyles-position-735"
             src="/assets/icons/wbtc.svg"
           />
           <img
             alt="BADGER logo"
-            class="makeStyles-position-732"
+            class="makeStyles-position-736"
             src="/assets/icons/badger.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           wBTC/Badger
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-733 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-737 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-734 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-738 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 7.03%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-737"
+            class="MuiBox-root-447 MuiBox-root-741"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -3998,19 +3605,19 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Sushiswap
               </span>
@@ -4020,69 +3627,69 @@ exports[`Landing Renders mobile version correctly 1`] = `
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-738"
+            class="makeStyles-position-742"
             src="/assets/icons/wbtc.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           wBTC
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-739 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-743 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-740 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-744 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 0.00%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-743"
+            class="MuiBox-root-447 MuiBox-root-747"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -4090,19 +3697,19 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Yearn
               </span>
@@ -4112,74 +3719,74 @@ exports[`Landing Renders mobile version correctly 1`] = `
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-744"
+            class="makeStyles-position-748"
             src="/assets/icons/wbtc.svg"
           />
           <img
             alt="WETH logo"
-            class="makeStyles-position-745"
+            class="makeStyles-position-749"
             src="/assets/icons/weth.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           wBTC/wETH
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-746 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-750 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-747 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-751 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 2.23%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-750"
+            class="MuiBox-root-447 MuiBox-root-754"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -4187,19 +3794,19 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Sushiswap
               </span>
@@ -4209,100 +3816,89 @@ exports[`Landing Renders mobile version correctly 1`] = `
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="bb-a-USDT logo"
-            class="makeStyles-position-751"
+            class="makeStyles-position-755"
             src="/assets/icons/bb-a-usdt.svg"
           />
           <img
             alt="bb-a-DAI logo"
-            class="makeStyles-position-752"
+            class="makeStyles-position-756"
             src="/assets/icons/bb-a-dai.svg"
           />
           <img
             alt="bb-a-USDC logo"
-            class="makeStyles-position-753"
+            class="makeStyles-position-757"
             src="/assets/icons/bb-a-usdc.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           bb-a-USD
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-754 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-758 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-755 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-759 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
-                6.89%
+                1.75%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-756 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-447 MuiBox-root-760"
             >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
+              <p
+                class="MuiTypography-root-182 makeStyles-projectedApr-445 MuiTypography-body1-184"
               >
-                Rewards earn up to 
-                80.91
-                %
-              </span>
+                Current: 
+                6.89%
+              </p>
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-759"
+            class="MuiBox-root-447 MuiBox-root-763"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -4310,19 +3906,19 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Aura
               </span>
@@ -4332,95 +3928,74 @@ exports[`Landing Renders mobile version correctly 1`] = `
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="renBTC logo"
-            class="makeStyles-position-760"
+            class="makeStyles-position-764"
             src="/assets/icons/renbtc.svg"
           />
           <img
             alt="WBTC logo"
-            class="makeStyles-position-761"
+            class="makeStyles-position-765"
             src="/assets/icons/wbtc.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           renBTC/wBTC
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-762 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-766 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-763 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-767 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 0.92%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
-            <div
-              class="MuiBox-root-438 MuiBox-root-764 makeStyles-yieldBearingRewards-437"
-            >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
-              >
-                Rewards earn up to 
-                28.32
-                %
-              </span>
-            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-767"
+            class="MuiBox-root-447 MuiBox-root-770"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -4428,19 +4003,19 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Convex
               </span>
@@ -4450,100 +4025,79 @@ exports[`Landing Renders mobile version correctly 1`] = `
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="USDT logo"
-            class="makeStyles-position-768"
+            class="makeStyles-position-771"
             src="/assets/icons/usdt.svg"
           />
           <img
             alt="WBTC logo"
-            class="makeStyles-position-769"
+            class="makeStyles-position-772"
             src="/assets/icons/wbtc.svg"
           />
           <img
             alt="WETH logo"
-            class="makeStyles-position-770"
+            class="makeStyles-position-773"
             src="/assets/icons/weth.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           Tricrypto2
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-771 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-774 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-772 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-775 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 2.14%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
-            <div
-              class="MuiBox-root-438 MuiBox-root-773 makeStyles-yieldBearingRewards-437"
-            >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
-              >
-                Rewards earn up to 
-                28.32
-                %
-              </span>
-            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-776"
+            class="MuiBox-root-447 MuiBox-root-778"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -4551,19 +4105,19 @@ exports[`Landing Renders mobile version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Convex
               </span>
@@ -4581,53 +4135,34 @@ exports[`Landing Renders tablet version correctly 1`] = `
   <div
     class="MuiContainer-root-3 WithStyles(ForwardRef(Container))-root-2 makeStyles-root-1 MuiContainer-maxWidthLg-9"
   >
-    <h1
-      class="MuiTypography-root-13 makeStyles-title-11 MuiTypography-body1-15"
-    >
-      Do Less & Earn More with BadgerDAO
-    </h1>
-    <p
-      class="MuiTypography-root-13 makeStyles-subtitle-12 MuiTypography-body1-15"
-    >
-      Deposit to earn
-       
-      <a
-        class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-        href="#"
-      >
-        Yield-Bearing Rewards
-      </a>
-       
-      that automate and optimize yield from Aura and Convex positions
-    </p>
     <div
-      class="MuiPaper-root-76 makeStyles-paper-75 MuiPaper-elevation1-80 MuiPaper-rounded-77"
+      class="MuiPaper-root-14 makeStyles-paper-13 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105"
+        class="MuiGrid-root-42 MuiGrid-container-43"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-true-76"
         >
           <label
-            class="MuiFormControlLabel-root-207"
+            class="MuiFormControlLabel-root-145"
           >
             <span
               aria-disabled="false"
-              class="MuiButtonBase-root-232 MuiIconButton-root-223 PrivateSwitchBase-root-219 MuiCheckbox-root-213 MuiCheckbox-colorPrimary-217 MuiIconButton-colorPrimary-227"
+              class="MuiButtonBase-root-170 MuiIconButton-root-161 PrivateSwitchBase-root-157 MuiCheckbox-root-151 MuiCheckbox-colorPrimary-155 MuiIconButton-colorPrimary-165"
             >
               <span
-                class="MuiIconButton-label-231"
+                class="MuiIconButton-label-169"
               >
                 <input
-                  class="PrivateSwitchBase-input-222"
+                  class="PrivateSwitchBase-input-160"
                   data-indeterminate="false"
                   type="checkbox"
                   value=""
                 />
                 <svg
                   aria-hidden="true"
-                  class="MuiSvgIcon-root-235"
+                  class="MuiSvgIcon-root-173"
                   focusable="false"
                   viewBox="0 0 24 24"
                 >
@@ -4637,14 +4172,14 @@ exports[`Landing Renders tablet version correctly 1`] = `
                 </svg>
               </span>
               <span
-                class="MuiTouchRipple-root-640"
+                class="MuiTouchRipple-root-650"
               />
             </span>
             <span
-              class="MuiTypography-root-13 MuiFormControlLabel-label-212 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiFormControlLabel-label-150 MuiTypography-body1-184"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body2-14"
+                class="MuiTypography-root-182 MuiTypography-body2-183"
               >
                 Only show deposits
               </p>
@@ -4652,24 +4187,24 @@ exports[`Landing Renders tablet version correctly 1`] = `
           </label>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-justify-content-xs-flex-end-123 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-justify-content-xs-flex-end-61 MuiGrid-grid-xs-true-76"
         >
           <button
-            class="MuiButtonBase-root-232 MuiButton-root-338 MuiButton-text-340 makeStyles-button-638"
+            class="MuiButtonBase-root-170 MuiButton-root-239 MuiButton-text-241 makeStyles-button-648"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiButton-label-339 makeStyles-buttonLabel-639"
+              class="MuiButton-label-240 makeStyles-buttonLabel-649"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body2-14 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body2-183 MuiTypography-displayInline-210"
               >
                 Filters & Search
               </p>
               <svg
                 aria-hidden="true"
-                class="MuiSvgIcon-root-235"
+                class="MuiSvgIcon-root-173"
                 focusable="false"
                 viewBox="0 0 24 24"
               >
@@ -4679,220 +4214,199 @@ exports[`Landing Renders tablet version correctly 1`] = `
               </svg>
             </span>
             <span
-              class="MuiTouchRipple-root-640"
+              class="MuiTouchRipple-root-650"
             />
           </button>
         </div>
       </div>
     </div>
     <div
-      class="MuiPaper-root-76 MuiGrid-root-104 makeStyles-root-382 MuiGrid-container-105 MuiGrid-item-106 MuiPaper-elevation1-80 MuiPaper-rounded-77"
+      class="MuiPaper-root-14 MuiGrid-root-42 makeStyles-root-391 MuiGrid-container-43 MuiGrid-item-44 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-2-128"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-2-66"
       >
         <div
-          class="MuiGrid-root-104 makeStyles-spacingItem-384 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+          class="MuiGrid-root-42 makeStyles-spacingItem-393 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         />
         <div
-          class="MuiGrid-root-104 makeStyles-title-375 makeStyles-columnTitle-380 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138 MuiGrid-grid-lg-5-185"
+          class="MuiGrid-root-42 makeStyles-title-384 makeStyles-columnTitle-389 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76 MuiGrid-grid-lg-5-123"
         >
           <p
-            class="MuiTypography-root-13 makeStyles-title-375 MuiTypography-body2-14 MuiTypography-colorTextSecondary-39"
+            class="MuiTypography-root-182 makeStyles-title-384 MuiTypography-body2-183 MuiTypography-colorTextSecondary-208"
           >
             Vault
           </p>
           <button
             aria-label="sort descending by name"
-            class="MuiButtonBase-root-232 MuiIconButton-root-223 makeStyles-sortIcon-376 makeStyles-nonSetSort-378"
+            class="MuiButtonBase-root-170 MuiIconButton-root-161 makeStyles-sortIcon-385 makeStyles-nonSetSort-387"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-231"
+              class="MuiIconButton-label-169"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-376"
+                class="makeStyles-sortIcon-385"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-640"
+              class="MuiTouchRipple-root-650"
             />
           </button>
         </div>
         <div
-          class="MuiGrid-root-104 makeStyles-title-375 makeStyles-columnTitle-380 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 makeStyles-title-384 makeStyles-columnTitle-389 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body2-14 MuiTypography-colorTextSecondary-39"
+            class="MuiTypography-root-182 MuiTypography-body2-183 MuiTypography-colorTextSecondary-208"
           >
             APY
           </p>
           <button
             aria-label="sort descending by APR"
-            class="MuiButtonBase-root-232 MuiIconButton-root-223 makeStyles-sortIcon-376 makeStyles-nonSetSort-378"
+            class="MuiButtonBase-root-170 MuiIconButton-root-161 makeStyles-sortIcon-385 makeStyles-nonSetSort-387"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-231"
+              class="MuiIconButton-label-169"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-376"
+                class="makeStyles-sortIcon-385"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-640"
+              class="MuiTouchRipple-root-650"
             />
           </button>
         </div>
         <div
-          class="MuiGrid-root-104 makeStyles-title-375 makeStyles-columnTitle-380 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 makeStyles-title-384 makeStyles-columnTitle-389 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body2-14 MuiTypography-colorTextSecondary-39"
+            class="MuiTypography-root-182 MuiTypography-body2-183 MuiTypography-colorTextSecondary-208"
           >
             My Deposits
           </p>
           <button
             aria-label="sort descending by balance"
-            class="MuiButtonBase-root-232 MuiIconButton-root-223 makeStyles-sortIcon-376 makeStyles-nonSetSort-378"
+            class="MuiButtonBase-root-170 MuiIconButton-root-161 makeStyles-sortIcon-385 makeStyles-nonSetSort-387"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-231"
+              class="MuiIconButton-label-169"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-376"
+                class="makeStyles-sortIcon-385"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-640"
+              class="MuiTouchRipple-root-650"
             />
           </button>
         </div>
         <div
-          class="MuiGrid-root-104 makeStyles-title-375 makeStyles-columnTitle-380 makeStyles-tvlColumn-381 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-align-items-xs-center-113 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 makeStyles-title-384 makeStyles-columnTitle-389 makeStyles-tvlColumn-390 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-align-items-xs-center-51 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body2-14 MuiTypography-colorTextSecondary-39"
+            class="MuiTypography-root-182 MuiTypography-body2-183 MuiTypography-colorTextSecondary-208"
           >
             TVL
           </p>
           <button
             aria-label="sort descending by TVL"
-            class="MuiButtonBase-root-232 MuiIconButton-root-223 makeStyles-sortIcon-376 makeStyles-nonSetSort-378"
+            class="MuiButtonBase-root-170 MuiIconButton-root-161 makeStyles-sortIcon-385 makeStyles-nonSetSort-387"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-231"
+              class="MuiIconButton-label-169"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-376"
+                class="makeStyles-sortIcon-385"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-640"
+              class="MuiTouchRipple-root-650"
             />
           </button>
         </div>
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="CVX logo"
-            class="makeStyles-position-653"
+            class="makeStyles-position-663"
             src="/assets/icons/cvx.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           bveCVX
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-654 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-664 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-655 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-665 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 28.32%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
-            <div
-              class="MuiBox-root-438 MuiBox-root-656 makeStyles-yieldBearingRewards-437"
-            >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
-              >
-                Rewards earn up to 
-                28.32
-                %
-              </span>
-            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-659"
+            class="MuiBox-root-447 MuiBox-root-668"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $6,450.00
             </p>
@@ -4900,19 +4414,19 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Convex
               </span>
@@ -4922,90 +4436,69 @@ exports[`Landing Renders tablet version correctly 1`] = `
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="cvxCRV logo"
-            class="makeStyles-position-660"
+            class="makeStyles-position-669"
             src="/assets/icons/cvxcrv.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           cvxCRV
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-661 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-670 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-662 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-671 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 18.48%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
-            <div
-              class="MuiBox-root-438 MuiBox-root-663 makeStyles-yieldBearingRewards-437"
-            >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
-              >
-                Rewards earn up to 
-                28.32
-                %
-              </span>
-            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-666"
+            class="MuiBox-root-447 MuiBox-root-674"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $1,712.37
             </p>
@@ -5013,45 +4506,45 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Convex
               </span>
             </div>
           </div>
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 makeStyles-clickableTag-400 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 makeStyles-clickableTag-409 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Ecosystem Helper
               </span>
             </div>
           </div>
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 🚀 Boosted
               </span>
@@ -5061,90 +4554,69 @@ exports[`Landing Renders tablet version correctly 1`] = `
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="AURA logo"
-            class="makeStyles-position-667"
+            class="makeStyles-position-675"
             src="/assets/icons/aura.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           graviAURA
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-668 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-676 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-669 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-677 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 80.91%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
-            <div
-              class="MuiBox-root-438 MuiBox-root-670 makeStyles-yieldBearingRewards-437"
-            >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
-              >
-                Rewards earn up to 
-                80.91
-                %
-              </span>
-            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-673"
+            class="MuiBox-root-447 MuiBox-root-680"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -5152,19 +4624,19 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Aura
               </span>
@@ -5174,90 +4646,79 @@ exports[`Landing Renders tablet version correctly 1`] = `
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="auraBAL logo"
-            class="makeStyles-position-674"
+            class="makeStyles-position-681"
             src="/assets/icons/aurabal.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           auraBAL
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-675 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-682 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-676 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-683 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
-                65.00%
+                14.91%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-677 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-447 MuiBox-root-684"
             >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
+              <p
+                class="MuiTypography-root-182 makeStyles-projectedApr-445 MuiTypography-body1-184"
               >
-                Rewards earn up to 
-                80.91
-                %
-              </span>
+                Current: 
+                65.00%
+              </p>
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-680"
+            class="MuiBox-root-447 MuiBox-root-687"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -5265,32 +4726,32 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Aura
               </span>
             </div>
           </div>
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 makeStyles-clickableTag-400 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 makeStyles-clickableTag-409 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Ecosystem Helper
               </span>
@@ -5300,100 +4761,89 @@ exports[`Landing Renders tablet version correctly 1`] = `
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="auraBAL logo"
-            class="makeStyles-position-681"
+            class="makeStyles-position-688"
             src="/assets/icons/aurabal.svg"
           />
           <img
             alt="graviAURA logo"
-            class="makeStyles-position-682"
+            class="makeStyles-position-689"
             src="/assets/icons/graviaura.svg"
           />
           <img
             alt="WETH logo"
-            class="makeStyles-position-683"
+            class="makeStyles-position-690"
             src="/assets/icons/weth.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           graviAURA/auraBAL/WETH
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-684 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-691 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-685 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-692 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
-                95.64%
+                56.93%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-686 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-447 MuiBox-root-693"
             >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
+              <p
+                class="MuiTypography-root-182 makeStyles-projectedApr-445 MuiTypography-body1-184"
               >
-                Rewards earn up to 
-                80.91
-                %
-              </span>
+                Current: 
+                95.64%
+              </p>
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-689"
+            class="MuiBox-root-447 MuiBox-root-696"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -5401,19 +4851,19 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Aura
               </span>
@@ -5423,95 +4873,84 @@ exports[`Landing Renders tablet version correctly 1`] = `
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-690"
+            class="makeStyles-position-697"
             src="/assets/icons/wbtc.svg"
           />
           <img
             alt="BADGER logo"
-            class="makeStyles-position-691"
+            class="makeStyles-position-698"
             src="/assets/icons/badger.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           BADGER/WBTC
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-692 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-699 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-693 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-700 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
-                166.58%
+                62.26%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-694 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-447 MuiBox-root-701"
             >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
+              <p
+                class="MuiTypography-root-182 makeStyles-projectedApr-445 MuiTypography-body1-184"
               >
-                Rewards earn up to 
-                80.91
-                %
-              </span>
+                Current: 
+                166.58%
+              </p>
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-697"
+            class="MuiBox-root-447 MuiBox-root-704"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -5519,19 +4958,19 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Aura
               </span>
@@ -5541,100 +4980,89 @@ exports[`Landing Renders tablet version correctly 1`] = `
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-698"
+            class="makeStyles-position-705"
             src="/assets/icons/wbtc.svg"
           />
           <img
             alt="DIGG logo"
-            class="makeStyles-position-699"
+            class="makeStyles-position-706"
             src="/assets/icons/digg.svg"
           />
           <img
             alt="graviAURA logo"
-            class="makeStyles-position-700"
+            class="makeStyles-position-707"
             src="/assets/icons/graviaura.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           graviAURA/DIGG/WBTC
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-701 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-708 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-702 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-709 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
-                5.08%
+                43.99%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-703 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-447 MuiBox-root-710"
             >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
+              <p
+                class="MuiTypography-root-182 makeStyles-projectedApr-445 MuiTypography-body1-184"
               >
-                Rewards earn up to 
-                80.91
-                %
-              </span>
+                Current: 
+                5.08%
+              </p>
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-706"
+            class="MuiBox-root-447 MuiBox-root-713"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -5642,19 +5070,19 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Aura
               </span>
@@ -5664,95 +5092,74 @@ exports[`Landing Renders tablet version correctly 1`] = `
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="CVX logo"
-            class="makeStyles-position-707"
+            class="makeStyles-position-714"
             src="/assets/icons/cvx.svg"
           />
           <img
             alt="bveCVX logo"
-            class="makeStyles-position-708"
+            class="makeStyles-position-715"
             src="/assets/icons/bvecvx.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           CVX/bveCVX
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-709 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-716 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-710 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-717 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 36.69%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
-            <div
-              class="MuiBox-root-438 MuiBox-root-711 makeStyles-yieldBearingRewards-437"
-            >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
-              >
-                Rewards earn up to 
-                28.32
-                %
-              </span>
-            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-714"
+            class="MuiBox-root-447 MuiBox-root-720"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -5760,19 +5167,19 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Curve
               </span>
@@ -5782,95 +5189,74 @@ exports[`Landing Renders tablet version correctly 1`] = `
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="wibBTC logo"
-            class="makeStyles-position-715"
+            class="makeStyles-position-721"
             src="/assets/icons/wibbtc.svg"
           />
           <img
             alt="crvRenWSBTC logo"
-            class="makeStyles-position-716"
+            class="makeStyles-position-722"
             src="/assets/icons/crvrenwsbtc.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           ibBTC/crvsBTC
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-717 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-723 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-718 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-724 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 20.29%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
-            <div
-              class="MuiBox-root-438 MuiBox-root-719 makeStyles-yieldBearingRewards-437"
-            >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
-              >
-                Rewards earn up to 
-                28.32
-                %
-              </span>
-            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-722"
+            class="MuiBox-root-447 MuiBox-root-727"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -5878,32 +5264,32 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Convex
               </span>
             </div>
           </div>
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 🚀 Boosted
               </span>
@@ -5913,95 +5299,74 @@ exports[`Landing Renders tablet version correctly 1`] = `
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="BADGER logo"
-            class="makeStyles-position-723"
+            class="makeStyles-position-728"
             src="/assets/icons/badger.svg"
           />
           <img
             alt="WBTC logo"
-            class="makeStyles-position-724"
+            class="makeStyles-position-729"
             src="/assets/icons/wbtc.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           BADGER/WBTC
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-725 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-730 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-726 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-731 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 4.77%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
-            <div
-              class="MuiBox-root-438 MuiBox-root-727 makeStyles-yieldBearingRewards-437"
-            >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
-              >
-                Rewards earn up to 
-                28.32
-                %
-              </span>
-            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-730"
+            class="MuiBox-root-447 MuiBox-root-734"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -6009,19 +5374,19 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Convex
               </span>
@@ -6031,74 +5396,74 @@ exports[`Landing Renders tablet version correctly 1`] = `
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-731"
+            class="makeStyles-position-735"
             src="/assets/icons/wbtc.svg"
           />
           <img
             alt="BADGER logo"
-            class="makeStyles-position-732"
+            class="makeStyles-position-736"
             src="/assets/icons/badger.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           wBTC/Badger
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-733 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-737 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-734 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-738 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 7.03%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-737"
+            class="MuiBox-root-447 MuiBox-root-741"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -6106,19 +5471,19 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Sushiswap
               </span>
@@ -6128,69 +5493,69 @@ exports[`Landing Renders tablet version correctly 1`] = `
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-738"
+            class="makeStyles-position-742"
             src="/assets/icons/wbtc.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           wBTC
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-739 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-743 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-740 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-744 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 0.00%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-743"
+            class="MuiBox-root-447 MuiBox-root-747"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -6198,19 +5563,19 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Yearn
               </span>
@@ -6220,74 +5585,74 @@ exports[`Landing Renders tablet version correctly 1`] = `
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-744"
+            class="makeStyles-position-748"
             src="/assets/icons/wbtc.svg"
           />
           <img
             alt="WETH logo"
-            class="makeStyles-position-745"
+            class="makeStyles-position-749"
             src="/assets/icons/weth.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           wBTC/wETH
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-746 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-750 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-747 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-751 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 2.23%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-750"
+            class="MuiBox-root-447 MuiBox-root-754"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -6295,19 +5660,19 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Sushiswap
               </span>
@@ -6317,100 +5682,89 @@ exports[`Landing Renders tablet version correctly 1`] = `
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="bb-a-USDT logo"
-            class="makeStyles-position-751"
+            class="makeStyles-position-755"
             src="/assets/icons/bb-a-usdt.svg"
           />
           <img
             alt="bb-a-DAI logo"
-            class="makeStyles-position-752"
+            class="makeStyles-position-756"
             src="/assets/icons/bb-a-dai.svg"
           />
           <img
             alt="bb-a-USDC logo"
-            class="makeStyles-position-753"
+            class="makeStyles-position-757"
             src="/assets/icons/bb-a-usdc.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           bb-a-USD
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-754 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-758 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-755 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-759 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
-                6.89%
+                1.75%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-756 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-447 MuiBox-root-760"
             >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
+              <p
+                class="MuiTypography-root-182 makeStyles-projectedApr-445 MuiTypography-body1-184"
               >
-                Rewards earn up to 
-                80.91
-                %
-              </span>
+                Current: 
+                6.89%
+              </p>
             </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-759"
+            class="MuiBox-root-447 MuiBox-root-763"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -6418,19 +5772,19 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Aura
               </span>
@@ -6440,95 +5794,74 @@ exports[`Landing Renders tablet version correctly 1`] = `
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="renBTC logo"
-            class="makeStyles-position-760"
+            class="makeStyles-position-764"
             src="/assets/icons/renbtc.svg"
           />
           <img
             alt="WBTC logo"
-            class="makeStyles-position-761"
+            class="makeStyles-position-765"
             src="/assets/icons/wbtc.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           renBTC/wBTC
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-762 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-766 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-763 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-767 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 0.92%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
-            <div
-              class="MuiBox-root-438 MuiBox-root-764 makeStyles-yieldBearingRewards-437"
-            >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
-              >
-                Rewards earn up to 
-                28.32
-                %
-              </span>
-            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-767"
+            class="MuiBox-root-447 MuiBox-root-770"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -6536,19 +5869,19 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Convex
               </span>
@@ -6558,100 +5891,79 @@ exports[`Landing Renders tablet version correctly 1`] = `
       </div>
     </div>
     <div
-      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"
+      class="MuiPaper-root-14 MuiCard-root-404 MuiGrid-root-42 makeStyles-root-660 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-405"
         >
           <img
             alt="USDT logo"
-            class="makeStyles-position-768"
+            class="makeStyles-position-771"
             src="/assets/icons/usdt.svg"
           />
           <img
             alt="WBTC logo"
-            class="makeStyles-position-769"
+            class="makeStyles-position-772"
             src="/assets/icons/wbtc.svg"
           />
           <img
             alt="WETH logo"
-            class="makeStyles-position-770"
+            class="makeStyles-position-773"
             src="/assets/icons/weth.svg"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-662 MuiTypography-subtitle1-193 MuiTypography-displayInline-210"
         >
           Tricrypto2
         </h6>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-info-651 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-info-661 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             APY
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-771 makeStyles-root-432"
+            class="MuiBox-root-447 MuiBox-root-774 makeStyles-root-441"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-772 makeStyles-aprDisplay-435"
+              class="MuiBox-root-447 MuiBox-root-775 makeStyles-aprDisplay-444"
             >
               <p
-                class="MuiTypography-root-13 MuiTypography-body1-15 MuiTypography-colorTextPrimary-38 MuiTypography-displayInline-41"
+                class="MuiTypography-root-182 MuiTypography-body1-184 MuiTypography-colorTextPrimary-207 MuiTypography-displayInline-210"
               >
                 2.14%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-443"
                 src="/assets/icons/apy-info.svg"
               />
             </div>
-            <div
-              class="MuiBox-root-438 MuiBox-root-773 makeStyles-yieldBearingRewards-437"
-            >
-              <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
-              >
-                <img
-                  alt="Yield-Bearing Rewards"
-                  src="assets/icons/yield-bearing-rewards.svg"
-                  width="9"
-                />
-                 Yield-Bearing Rewards:
-              </a>
-              <span
-                class="MuiTypography-root-13"
-              >
-                Rewards earn up to 
-                28.32
-                %
-              </span>
-            </div>
           </div>
         </div>
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-item-106 MuiGrid-direction-xs-column-108 MuiGrid-grid-xs-true-138"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-direction-xs-column-46 MuiGrid-grid-xs-true-76"
         >
           <p
-            class="MuiTypography-root-13 MuiTypography-body1-15"
+            class="MuiTypography-root-182 MuiTypography-body1-184"
           >
             My Deposits
           </p>
           <div
-            class="MuiBox-root-438 MuiBox-root-776"
+            class="MuiBox-root-447 MuiBox-root-778"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -6659,19 +5971,19 @@ exports[`Landing Renders tablet version correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 MuiGrid-item-106"
+        class="MuiGrid-root-42 MuiGrid-item-44"
       >
         <div
-          class="MuiGrid-root-104 MuiGrid-container-105 MuiGrid-spacing-xs-1-127"
+          class="MuiGrid-root-42 MuiGrid-container-43 MuiGrid-spacing-xs-1-65"
         >
           <div
-            class="MuiGrid-root-104 MuiGrid-item-106 MuiGrid-grid-xs-auto-137"
+            class="MuiGrid-root-42 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
           >
             <div
-              class="MuiChip-root-402 makeStyles-tag-398 MuiChip-sizeSmall-403"
+              class="MuiChip-root-411 makeStyles-tag-407 MuiChip-sizeSmall-412"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-433 MuiChip-labelSmall-434"
               >
                 Convex
               </span>
diff --git a/src/tests/vaults/VaultFiltersDialog.test.tsx b/src/tests/vaults/VaultFiltersDialog.test.tsx
index a499258a7..a391df53e 100644
--- a/src/tests/vaults/VaultFiltersDialog.test.tsx
+++ b/src/tests/vaults/VaultFiltersDialog.test.tsx
@@ -138,6 +138,30 @@ describe('VaultFiltersDialog', () => {
     expect(screen.getByDisplayValue('bitcoin convex')).toBeInTheDocument();
   });
 
+  it('can select APY mode', () => {
+    customRender(
+      <StoreProvider value={store}>
+        <VaultFiltersDialogV2 />
+      </StoreProvider>,
+    );
+
+    const apyButton = screen.getByRole('button', { name: 'APY' });
+    fireEvent.click(apyButton);
+    expect(apyButton).toHaveAttribute('aria-selected', 'true');
+  });
+
+  it('can select APR mode', () => {
+    customRender(
+      <StoreProvider value={store}>
+        <VaultFiltersDialogV2 />
+      </StoreProvider>,
+    );
+
+    const aprButton = screen.getByRole('button', { name: 'APR' });
+    fireEvent.click(aprButton);
+    expect(aprButton).toHaveAttribute('aria-selected', 'true');
+  });
+
   it('can apply filters', async () => {
     jest.spyOn(VaultStore.prototype, 'networkHasBoostVaults', 'get').mockReturnValue(true);
     jest.spyOn(VaultStore.prototype, 'vaultsProtocols', 'get').mockReturnValue([Protocol.Convex, Protocol.Curve]);
@@ -194,6 +218,7 @@ describe('VaultFiltersDialog', () => {
     fireEvent.change(screen.getByRole('textbox', { name: 'Vault Search' }), {
       target: { value: 'bitcoin convex' },
     });
+    fireEvent.click(screen.getByRole('button', { name: 'APR' }));
     fireEvent.click(screen.getByRole('button', { name: 'Apply Filters' }));
 
     expect(store.vaults.vaultsFilters).toMatchSnapshot();
diff --git a/src/tests/vaults/VaultsSearchControl.test.tsx b/src/tests/vaults/VaultsSearchControl.test.tsx
index b2c7b7941..bb4f50621 100644
--- a/src/tests/vaults/VaultsSearchControl.test.tsx
+++ b/src/tests/vaults/VaultsSearchControl.test.tsx
@@ -135,6 +135,30 @@ describe('VaultSearchControl', () => {
       expect(screen.getByDisplayValue('bitcoin convex')).toBeInTheDocument();
     });
 
+    it('can select APY mode', () => {
+      customRender(
+        <StoreProvider value={store}>
+          <VaultsSearchControls />
+        </StoreProvider>,
+      );
+
+      const apyButton = screen.getByRole('button', { name: 'APY' });
+      fireEvent.click(apyButton);
+      expect(apyButton).toHaveAttribute('aria-selected', 'true');
+    });
+
+    it('can select APR mode', () => {
+      customRender(
+        <StoreProvider value={store}>
+          <VaultsSearchControls />
+        </StoreProvider>,
+      );
+
+      const aprButton = screen.getByRole('button', { name: 'APR' });
+      fireEvent.click(aprButton);
+      expect(aprButton).toHaveAttribute('aria-selected', 'true');
+    });
+
     it('can clear filters', () => {
       const clear = jest.fn();
       store.vaults.clearFilters = action(clear);
diff --git a/src/tests/vaults/__snapshots__/VaultFiltersDialog.test.tsx.snap b/src/tests/vaults/__snapshots__/VaultFiltersDialog.test.tsx.snap
index 916edb5d7..a327190ca 100644
--- a/src/tests/vaults/__snapshots__/VaultFiltersDialog.test.tsx.snap
+++ b/src/tests/vaults/__snapshots__/VaultFiltersDialog.test.tsx.snap
@@ -14,7 +14,7 @@ Object {
     "Curve",
   ],
   "search": "bitcoin convex",
-  "showAPR": false,
+  "showAPR": true,
   "statuses": Array [
     "guarded",
     "experimental",
@@ -85,7 +85,7 @@ exports[`VaultFiltersDialog renders correctly 1`] = `
                 </svg>
               </span>
               <span
-                class="MuiTouchRipple-root-355"
+                class="MuiTouchRipple-root-381"
               />
             </button>
           </div>
@@ -130,7 +130,7 @@ exports[`VaultFiltersDialog renders correctly 1`] = `
                     </svg>
                   </span>
                   <span
-                    class="MuiTouchRipple-root-355"
+                    class="MuiTouchRipple-root-381"
                   />
                 </span>
                 <span
@@ -175,7 +175,7 @@ exports[`VaultFiltersDialog renders correctly 1`] = `
                     </svg>
                   </span>
                   <span
-                    class="MuiTouchRipple-root-355"
+                    class="MuiTouchRipple-root-381"
                   />
                 </span>
                 <span
@@ -220,7 +220,7 @@ exports[`VaultFiltersDialog renders correctly 1`] = `
                     </svg>
                   </span>
                   <span
-                    class="MuiTouchRipple-root-355"
+                    class="MuiTouchRipple-root-381"
                   />
                 </span>
                 <span
@@ -462,7 +462,7 @@ exports[`VaultFiltersDialog renders correctly 1`] = `
                         </svg>
                       </span>
                       <span
-                        class="MuiTouchRipple-root-355"
+                        class="MuiTouchRipple-root-381"
                       />
                     </button>
                   </div>
@@ -487,6 +487,53 @@ exports[`VaultFiltersDialog renders correctly 1`] = `
           <hr
             class="MuiDivider-root-210 makeStyles-divider-5"
           />
+          <div
+            class="MuiGrid-root-54 MuiGrid-container-55"
+          >
+            <div
+              class="MuiGrid-root-54 makeStyles-apr-7 MuiGrid-item-56"
+            >
+              <div
+                aria-label="apy apr selector"
+                class="MuiButtonGroup-root-328"
+                role="group"
+              >
+                <button
+                  aria-selected="true"
+                  class="MuiButtonBase-root-196 MuiButton-root-352 MuiButton-outlined-357 MuiButtonGroup-grouped-334 MuiButtonGroup-groupedHorizontal-335 MuiButtonGroup-groupedOutlined-342 MuiButtonGroup-groupedOutlinedHorizontal-343 MuiButtonGroup-groupedOutlined-342 makeStyles-selected-326 makeStyles-button-327"
+                  tabindex="0"
+                  type="button"
+                >
+                  <span
+                    class="MuiButton-label-353"
+                  >
+                    APY
+                  </span>
+                  <span
+                    class="MuiTouchRipple-root-381"
+                  />
+                </button>
+                <button
+                  aria-selected="false"
+                  class="MuiButtonBase-root-196 MuiButton-root-352 MuiButton-outlined-357 MuiButtonGroup-grouped-334 MuiButtonGroup-groupedHorizontal-335 MuiButtonGroup-groupedOutlined-342 MuiButtonGroup-groupedOutlinedHorizontal-343 MuiButtonGroup-groupedOutlined-342 makeStyles-button-327"
+                  tabindex="0"
+                  type="button"
+                >
+                  <span
+                    class="MuiButton-label-353"
+                  >
+                    APR
+                  </span>
+                  <span
+                    class="MuiTouchRipple-root-381"
+                  />
+                </button>
+              </div>
+            </div>
+          </div>
+          <hr
+            class="MuiDivider-root-210 makeStyles-divider-5"
+          />
           <div
             class="MuiGrid-root-54 MuiGrid-container-55 MuiGrid-spacing-xs-2-78 MuiGrid-justify-content-xs-flex-end-73"
           >
@@ -494,17 +541,17 @@ exports[`VaultFiltersDialog renders correctly 1`] = `
               class="MuiGrid-root-54 MuiGrid-item-56"
             >
               <button
-                class="MuiButtonBase-root-196 MuiButton-root-326 MuiButton-text-328 MuiButton-textPrimary-329"
+                class="MuiButtonBase-root-196 MuiButton-root-352 MuiButton-text-354 MuiButton-textPrimary-355"
                 tabindex="0"
                 type="button"
               >
                 <span
-                  class="MuiButton-label-327"
+                  class="MuiButton-label-353"
                 >
                   Clear All
                 </span>
                 <span
-                  class="MuiTouchRipple-root-355"
+                  class="MuiTouchRipple-root-381"
                 />
               </button>
             </div>
@@ -512,17 +559,17 @@ exports[`VaultFiltersDialog renders correctly 1`] = `
               class="MuiGrid-root-54 MuiGrid-item-56"
             >
               <button
-                class="MuiButtonBase-root-196 MuiButton-root-326 MuiButton-contained-334 MuiButton-containedPrimary-335"
+                class="MuiButtonBase-root-196 MuiButton-root-352 MuiButton-contained-360 MuiButton-containedPrimary-361"
                 tabindex="0"
                 type="button"
               >
                 <span
-                  class="MuiButton-label-327"
+                  class="MuiButton-label-353"
                 >
                   Apply Filters
                 </span>
                 <span
-                  class="MuiTouchRipple-root-355"
+                  class="MuiTouchRipple-root-381"
                 />
               </button>
             </div>
diff --git a/src/tests/vaults/__snapshots__/VaultListDisplay.test.tsx.snap b/src/tests/vaults/__snapshots__/VaultListDisplay.test.tsx.snap
index 571b0af66..4685a3b6f 100644
--- a/src/tests/vaults/__snapshots__/VaultListDisplay.test.tsx.snap
+++ b/src/tests/vaults/__snapshots__/VaultListDisplay.test.tsx.snap
@@ -345,7 +345,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             />
           </span>
           <span
-            class="MuiTouchRipple-root-477"
+            class="MuiTouchRipple-root-463"
           />
         </button>
       </div>
@@ -373,7 +373,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             />
           </span>
           <span
-            class="MuiTouchRipple-root-477"
+            class="MuiTouchRipple-root-463"
           />
         </button>
       </div>
@@ -401,7 +401,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             />
           </span>
           <span
-            class="MuiTouchRipple-root-477"
+            class="MuiTouchRipple-root-463"
           />
         </button>
       </div>
@@ -429,7 +429,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             />
           </span>
           <span
-            class="MuiTouchRipple-root-477"
+            class="MuiTouchRipple-root-463"
           />
         </button>
       </div>
@@ -608,34 +608,13 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
               src="/assets/icons/apy-info.svg"
             />
           </div>
-          <div
-            class="MuiBox-root-238 MuiBox-root-294 makeStyles-yieldBearingRewards-237"
-          >
-            <a
-              class="MuiTypography-root-144 MuiLink-root-295 MuiLink-underlineHover-297 MuiTypography-colorPrimary-167"
-            >
-              <img
-                alt="Yield-Bearing Rewards"
-                src="assets/icons/yield-bearing-rewards.svg"
-                width="9"
-              />
-               Yield-Bearing Rewards:
-            </a>
-            <span
-              class="MuiTypography-root-144"
-            >
-              Rewards earn up to 
-              28.32
-              %
-            </span>
-          </div>
         </div>
       </div>
       <div
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-303"
+          class="MuiBox-root-238 MuiBox-root-296"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -648,7 +627,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-306"
+          class="MuiBox-root-238 MuiBox-root-299"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -673,7 +652,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         >
           <img
             alt="AURA logo"
-            class="makeStyles-position-307"
+            class="makeStyles-position-300"
             src="/assets/icons/aura.svg"
           />
         </div>
@@ -708,10 +687,10 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-align-items-xs-center-22 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-308 makeStyles-root-232"
+          class="MuiBox-root-238 MuiBox-root-301 makeStyles-root-232"
         >
           <div
-            class="MuiBox-root-238 MuiBox-root-309 makeStyles-aprDisplay-235"
+            class="MuiBox-root-238 MuiBox-root-302 makeStyles-aprDisplay-235"
           >
             <p
               class="MuiTypography-root-144 MuiTypography-body1-146 MuiTypography-colorTextPrimary-169 MuiTypography-displayInline-172"
@@ -724,34 +703,13 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
               src="/assets/icons/apy-info.svg"
             />
           </div>
-          <div
-            class="MuiBox-root-238 MuiBox-root-310 makeStyles-yieldBearingRewards-237"
-          >
-            <a
-              class="MuiTypography-root-144 MuiLink-root-295 MuiLink-underlineHover-297 MuiTypography-colorPrimary-167"
-            >
-              <img
-                alt="Yield-Bearing Rewards"
-                src="assets/icons/yield-bearing-rewards.svg"
-                width="9"
-              />
-               Yield-Bearing Rewards:
-            </a>
-            <span
-              class="MuiTypography-root-144"
-            >
-              Rewards earn up to 
-              80.91
-              %
-            </span>
-          </div>
         </div>
       </div>
       <div
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-313"
+          class="MuiBox-root-238 MuiBox-root-305"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -764,7 +722,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-316"
+          class="MuiBox-root-238 MuiBox-root-308"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -789,7 +747,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         >
           <img
             alt="auraBAL logo"
-            class="makeStyles-position-317"
+            class="makeStyles-position-309"
             src="/assets/icons/aurabal.svg"
           />
         </div>
@@ -837,15 +795,15 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-align-items-xs-center-22 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-318 makeStyles-root-232"
+          class="MuiBox-root-238 MuiBox-root-310 makeStyles-root-232"
         >
           <div
-            class="MuiBox-root-238 MuiBox-root-319 makeStyles-aprDisplay-235"
+            class="MuiBox-root-238 MuiBox-root-311 makeStyles-aprDisplay-235"
           >
             <p
               class="MuiTypography-root-144 MuiTypography-body1-146 MuiTypography-colorTextPrimary-169 MuiTypography-displayInline-172"
             >
-              65.00%
+              14.91%
             </p>
             <img
               alt="apy info icon"
@@ -854,25 +812,14 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             />
           </div>
           <div
-            class="MuiBox-root-238 MuiBox-root-320 makeStyles-yieldBearingRewards-237"
+            class="MuiBox-root-238 MuiBox-root-312"
           >
-            <a
-              class="MuiTypography-root-144 MuiLink-root-295 MuiLink-underlineHover-297 MuiTypography-colorPrimary-167"
-            >
-              <img
-                alt="Yield-Bearing Rewards"
-                src="assets/icons/yield-bearing-rewards.svg"
-                width="9"
-              />
-               Yield-Bearing Rewards:
-            </a>
-            <span
-              class="MuiTypography-root-144"
+            <p
+              class="MuiTypography-root-144 makeStyles-projectedApr-236 MuiTypography-body1-146"
             >
-              Rewards earn up to 
-              80.91
-              %
-            </span>
+              Current: 
+              65.00%
+            </p>
           </div>
         </div>
       </div>
@@ -880,7 +827,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-323"
+          class="MuiBox-root-238 MuiBox-root-315"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -893,7 +840,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-326"
+          class="MuiBox-root-238 MuiBox-root-318"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -918,17 +865,17 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         >
           <img
             alt="auraBAL logo"
-            class="makeStyles-position-327"
+            class="makeStyles-position-319"
             src="/assets/icons/aurabal.svg"
           />
           <img
             alt="graviAURA logo"
-            class="makeStyles-position-328"
+            class="makeStyles-position-320"
             src="/assets/icons/graviaura.svg"
           />
           <img
             alt="WETH logo"
-            class="makeStyles-position-329"
+            class="makeStyles-position-321"
             src="/assets/icons/weth.svg"
           />
         </div>
@@ -963,15 +910,15 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-align-items-xs-center-22 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-330 makeStyles-root-232"
+          class="MuiBox-root-238 MuiBox-root-322 makeStyles-root-232"
         >
           <div
-            class="MuiBox-root-238 MuiBox-root-331 makeStyles-aprDisplay-235"
+            class="MuiBox-root-238 MuiBox-root-323 makeStyles-aprDisplay-235"
           >
             <p
               class="MuiTypography-root-144 MuiTypography-body1-146 MuiTypography-colorTextPrimary-169 MuiTypography-displayInline-172"
             >
-              95.64%
+              56.93%
             </p>
             <img
               alt="apy info icon"
@@ -980,25 +927,14 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             />
           </div>
           <div
-            class="MuiBox-root-238 MuiBox-root-332 makeStyles-yieldBearingRewards-237"
+            class="MuiBox-root-238 MuiBox-root-324"
           >
-            <a
-              class="MuiTypography-root-144 MuiLink-root-295 MuiLink-underlineHover-297 MuiTypography-colorPrimary-167"
-            >
-              <img
-                alt="Yield-Bearing Rewards"
-                src="assets/icons/yield-bearing-rewards.svg"
-                width="9"
-              />
-               Yield-Bearing Rewards:
-            </a>
-            <span
-              class="MuiTypography-root-144"
+            <p
+              class="MuiTypography-root-144 makeStyles-projectedApr-236 MuiTypography-body1-146"
             >
-              Rewards earn up to 
-              80.91
-              %
-            </span>
+              Current: 
+              95.64%
+            </p>
           </div>
         </div>
       </div>
@@ -1006,7 +942,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-335"
+          class="MuiBox-root-238 MuiBox-root-327"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1019,7 +955,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-338"
+          class="MuiBox-root-238 MuiBox-root-330"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1044,12 +980,12 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-339"
+            class="makeStyles-position-331"
             src="/assets/icons/wbtc.svg"
           />
           <img
             alt="BADGER logo"
-            class="makeStyles-position-340"
+            class="makeStyles-position-332"
             src="/assets/icons/badger.svg"
           />
         </div>
@@ -1084,15 +1020,15 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-align-items-xs-center-22 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-341 makeStyles-root-232"
+          class="MuiBox-root-238 MuiBox-root-333 makeStyles-root-232"
         >
           <div
-            class="MuiBox-root-238 MuiBox-root-342 makeStyles-aprDisplay-235"
+            class="MuiBox-root-238 MuiBox-root-334 makeStyles-aprDisplay-235"
           >
             <p
               class="MuiTypography-root-144 MuiTypography-body1-146 MuiTypography-colorTextPrimary-169 MuiTypography-displayInline-172"
             >
-              166.58%
+              62.26%
             </p>
             <img
               alt="apy info icon"
@@ -1101,25 +1037,14 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             />
           </div>
           <div
-            class="MuiBox-root-238 MuiBox-root-343 makeStyles-yieldBearingRewards-237"
+            class="MuiBox-root-238 MuiBox-root-335"
           >
-            <a
-              class="MuiTypography-root-144 MuiLink-root-295 MuiLink-underlineHover-297 MuiTypography-colorPrimary-167"
-            >
-              <img
-                alt="Yield-Bearing Rewards"
-                src="assets/icons/yield-bearing-rewards.svg"
-                width="9"
-              />
-               Yield-Bearing Rewards:
-            </a>
-            <span
-              class="MuiTypography-root-144"
+            <p
+              class="MuiTypography-root-144 makeStyles-projectedApr-236 MuiTypography-body1-146"
             >
-              Rewards earn up to 
-              80.91
-              %
-            </span>
+              Current: 
+              166.58%
+            </p>
           </div>
         </div>
       </div>
@@ -1127,7 +1052,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-346"
+          class="MuiBox-root-238 MuiBox-root-338"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1140,7 +1065,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-349"
+          class="MuiBox-root-238 MuiBox-root-341"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1165,17 +1090,17 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-350"
+            class="makeStyles-position-342"
             src="/assets/icons/wbtc.svg"
           />
           <img
             alt="DIGG logo"
-            class="makeStyles-position-351"
+            class="makeStyles-position-343"
             src="/assets/icons/digg.svg"
           />
           <img
             alt="graviAURA logo"
-            class="makeStyles-position-352"
+            class="makeStyles-position-344"
             src="/assets/icons/graviaura.svg"
           />
         </div>
@@ -1210,15 +1135,15 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-align-items-xs-center-22 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-353 makeStyles-root-232"
+          class="MuiBox-root-238 MuiBox-root-345 makeStyles-root-232"
         >
           <div
-            class="MuiBox-root-238 MuiBox-root-354 makeStyles-aprDisplay-235"
+            class="MuiBox-root-238 MuiBox-root-346 makeStyles-aprDisplay-235"
           >
             <p
               class="MuiTypography-root-144 MuiTypography-body1-146 MuiTypography-colorTextPrimary-169 MuiTypography-displayInline-172"
             >
-              5.08%
+              43.99%
             </p>
             <img
               alt="apy info icon"
@@ -1227,25 +1152,14 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             />
           </div>
           <div
-            class="MuiBox-root-238 MuiBox-root-355 makeStyles-yieldBearingRewards-237"
+            class="MuiBox-root-238 MuiBox-root-347"
           >
-            <a
-              class="MuiTypography-root-144 MuiLink-root-295 MuiLink-underlineHover-297 MuiTypography-colorPrimary-167"
-            >
-              <img
-                alt="Yield-Bearing Rewards"
-                src="assets/icons/yield-bearing-rewards.svg"
-                width="9"
-              />
-               Yield-Bearing Rewards:
-            </a>
-            <span
-              class="MuiTypography-root-144"
+            <p
+              class="MuiTypography-root-144 makeStyles-projectedApr-236 MuiTypography-body1-146"
             >
-              Rewards earn up to 
-              80.91
-              %
-            </span>
+              Current: 
+              5.08%
+            </p>
           </div>
         </div>
       </div>
@@ -1253,7 +1167,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-358"
+          class="MuiBox-root-238 MuiBox-root-350"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1266,7 +1180,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-361"
+          class="MuiBox-root-238 MuiBox-root-353"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1291,12 +1205,12 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         >
           <img
             alt="CVX logo"
-            class="makeStyles-position-362"
+            class="makeStyles-position-354"
             src="/assets/icons/cvx.svg"
           />
           <img
             alt="bveCVX logo"
-            class="makeStyles-position-363"
+            class="makeStyles-position-355"
             src="/assets/icons/bvecvx.svg"
           />
         </div>
@@ -1331,10 +1245,10 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-align-items-xs-center-22 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-364 makeStyles-root-232"
+          class="MuiBox-root-238 MuiBox-root-356 makeStyles-root-232"
         >
           <div
-            class="MuiBox-root-238 MuiBox-root-365 makeStyles-aprDisplay-235"
+            class="MuiBox-root-238 MuiBox-root-357 makeStyles-aprDisplay-235"
           >
             <p
               class="MuiTypography-root-144 MuiTypography-body1-146 MuiTypography-colorTextPrimary-169 MuiTypography-displayInline-172"
@@ -1347,34 +1261,13 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
               src="/assets/icons/apy-info.svg"
             />
           </div>
-          <div
-            class="MuiBox-root-238 MuiBox-root-366 makeStyles-yieldBearingRewards-237"
-          >
-            <a
-              class="MuiTypography-root-144 MuiLink-root-295 MuiLink-underlineHover-297 MuiTypography-colorPrimary-167"
-            >
-              <img
-                alt="Yield-Bearing Rewards"
-                src="assets/icons/yield-bearing-rewards.svg"
-                width="9"
-              />
-               Yield-Bearing Rewards:
-            </a>
-            <span
-              class="MuiTypography-root-144"
-            >
-              Rewards earn up to 
-              28.32
-              %
-            </span>
-          </div>
         </div>
       </div>
       <div
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-369"
+          class="MuiBox-root-238 MuiBox-root-360"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1387,7 +1280,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-372"
+          class="MuiBox-root-238 MuiBox-root-363"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1412,7 +1305,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         >
           <img
             alt="cvxCRV logo"
-            class="makeStyles-position-373"
+            class="makeStyles-position-364"
             src="/assets/icons/cvxcrv.svg"
           />
         </div>
@@ -1473,10 +1366,10 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-align-items-xs-center-22 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-374 makeStyles-root-232"
+          class="MuiBox-root-238 MuiBox-root-365 makeStyles-root-232"
         >
           <div
-            class="MuiBox-root-238 MuiBox-root-375 makeStyles-aprDisplay-235"
+            class="MuiBox-root-238 MuiBox-root-366 makeStyles-aprDisplay-235"
           >
             <p
               class="MuiTypography-root-144 MuiTypography-body1-146 MuiTypography-colorTextPrimary-169 MuiTypography-displayInline-172"
@@ -1489,34 +1382,13 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
               src="/assets/icons/apy-info.svg"
             />
           </div>
-          <div
-            class="MuiBox-root-238 MuiBox-root-376 makeStyles-yieldBearingRewards-237"
-          >
-            <a
-              class="MuiTypography-root-144 MuiLink-root-295 MuiLink-underlineHover-297 MuiTypography-colorPrimary-167"
-            >
-              <img
-                alt="Yield-Bearing Rewards"
-                src="assets/icons/yield-bearing-rewards.svg"
-                width="9"
-              />
-               Yield-Bearing Rewards:
-            </a>
-            <span
-              class="MuiTypography-root-144"
-            >
-              Rewards earn up to 
-              28.32
-              %
-            </span>
-          </div>
         </div>
       </div>
       <div
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-379"
+          class="MuiBox-root-238 MuiBox-root-369"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1529,7 +1401,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-382"
+          class="MuiBox-root-238 MuiBox-root-372"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1554,12 +1426,12 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         >
           <img
             alt="wibBTC logo"
-            class="makeStyles-position-383"
+            class="makeStyles-position-373"
             src="/assets/icons/wibbtc.svg"
           />
           <img
             alt="crvRenWSBTC logo"
-            class="makeStyles-position-384"
+            class="makeStyles-position-374"
             src="/assets/icons/crvrenwsbtc.svg"
           />
         </div>
@@ -1607,10 +1479,10 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-align-items-xs-center-22 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-385 makeStyles-root-232"
+          class="MuiBox-root-238 MuiBox-root-375 makeStyles-root-232"
         >
           <div
-            class="MuiBox-root-238 MuiBox-root-386 makeStyles-aprDisplay-235"
+            class="MuiBox-root-238 MuiBox-root-376 makeStyles-aprDisplay-235"
           >
             <p
               class="MuiTypography-root-144 MuiTypography-body1-146 MuiTypography-colorTextPrimary-169 MuiTypography-displayInline-172"
@@ -1623,34 +1495,13 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
               src="/assets/icons/apy-info.svg"
             />
           </div>
-          <div
-            class="MuiBox-root-238 MuiBox-root-387 makeStyles-yieldBearingRewards-237"
-          >
-            <a
-              class="MuiTypography-root-144 MuiLink-root-295 MuiLink-underlineHover-297 MuiTypography-colorPrimary-167"
-            >
-              <img
-                alt="Yield-Bearing Rewards"
-                src="assets/icons/yield-bearing-rewards.svg"
-                width="9"
-              />
-               Yield-Bearing Rewards:
-            </a>
-            <span
-              class="MuiTypography-root-144"
-            >
-              Rewards earn up to 
-              28.32
-              %
-            </span>
-          </div>
         </div>
       </div>
       <div
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-390"
+          class="MuiBox-root-238 MuiBox-root-379"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1663,7 +1514,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-393"
+          class="MuiBox-root-238 MuiBox-root-382"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1688,12 +1539,12 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         >
           <img
             alt="BADGER logo"
-            class="makeStyles-position-394"
+            class="makeStyles-position-383"
             src="/assets/icons/badger.svg"
           />
           <img
             alt="WBTC logo"
-            class="makeStyles-position-395"
+            class="makeStyles-position-384"
             src="/assets/icons/wbtc.svg"
           />
         </div>
@@ -1728,10 +1579,10 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-align-items-xs-center-22 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-396 makeStyles-root-232"
+          class="MuiBox-root-238 MuiBox-root-385 makeStyles-root-232"
         >
           <div
-            class="MuiBox-root-238 MuiBox-root-397 makeStyles-aprDisplay-235"
+            class="MuiBox-root-238 MuiBox-root-386 makeStyles-aprDisplay-235"
           >
             <p
               class="MuiTypography-root-144 MuiTypography-body1-146 MuiTypography-colorTextPrimary-169 MuiTypography-displayInline-172"
@@ -1744,34 +1595,13 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
               src="/assets/icons/apy-info.svg"
             />
           </div>
-          <div
-            class="MuiBox-root-238 MuiBox-root-398 makeStyles-yieldBearingRewards-237"
-          >
-            <a
-              class="MuiTypography-root-144 MuiLink-root-295 MuiLink-underlineHover-297 MuiTypography-colorPrimary-167"
-            >
-              <img
-                alt="Yield-Bearing Rewards"
-                src="assets/icons/yield-bearing-rewards.svg"
-                width="9"
-              />
-               Yield-Bearing Rewards:
-            </a>
-            <span
-              class="MuiTypography-root-144"
-            >
-              Rewards earn up to 
-              28.32
-              %
-            </span>
-          </div>
         </div>
       </div>
       <div
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-401"
+          class="MuiBox-root-238 MuiBox-root-389"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1784,7 +1614,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-404"
+          class="MuiBox-root-238 MuiBox-root-392"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1809,12 +1639,12 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-405"
+            class="makeStyles-position-393"
             src="/assets/icons/wbtc.svg"
           />
           <img
             alt="BADGER logo"
-            class="makeStyles-position-406"
+            class="makeStyles-position-394"
             src="/assets/icons/badger.svg"
           />
         </div>
@@ -1849,10 +1679,10 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-align-items-xs-center-22 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-407 makeStyles-root-232"
+          class="MuiBox-root-238 MuiBox-root-395 makeStyles-root-232"
         >
           <div
-            class="MuiBox-root-238 MuiBox-root-408 makeStyles-aprDisplay-235"
+            class="MuiBox-root-238 MuiBox-root-396 makeStyles-aprDisplay-235"
           >
             <p
               class="MuiTypography-root-144 MuiTypography-body1-146 MuiTypography-colorTextPrimary-169 MuiTypography-displayInline-172"
@@ -1871,7 +1701,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-411"
+          class="MuiBox-root-238 MuiBox-root-399"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1884,7 +1714,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-414"
+          class="MuiBox-root-238 MuiBox-root-402"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1909,7 +1739,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-415"
+            class="makeStyles-position-403"
             src="/assets/icons/wbtc.svg"
           />
         </div>
@@ -1944,10 +1774,10 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-align-items-xs-center-22 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-416 makeStyles-root-232"
+          class="MuiBox-root-238 MuiBox-root-404 makeStyles-root-232"
         >
           <div
-            class="MuiBox-root-238 MuiBox-root-417 makeStyles-aprDisplay-235"
+            class="MuiBox-root-238 MuiBox-root-405 makeStyles-aprDisplay-235"
           >
             <p
               class="MuiTypography-root-144 MuiTypography-body1-146 MuiTypography-colorTextPrimary-169 MuiTypography-displayInline-172"
@@ -1966,7 +1796,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-420"
+          class="MuiBox-root-238 MuiBox-root-408"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -1979,7 +1809,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-423"
+          class="MuiBox-root-238 MuiBox-root-411"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -2004,12 +1834,12 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-424"
+            class="makeStyles-position-412"
             src="/assets/icons/wbtc.svg"
           />
           <img
             alt="WETH logo"
-            class="makeStyles-position-425"
+            class="makeStyles-position-413"
             src="/assets/icons/weth.svg"
           />
         </div>
@@ -2044,10 +1874,10 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-align-items-xs-center-22 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-426 makeStyles-root-232"
+          class="MuiBox-root-238 MuiBox-root-414 makeStyles-root-232"
         >
           <div
-            class="MuiBox-root-238 MuiBox-root-427 makeStyles-aprDisplay-235"
+            class="MuiBox-root-238 MuiBox-root-415 makeStyles-aprDisplay-235"
           >
             <p
               class="MuiTypography-root-144 MuiTypography-body1-146 MuiTypography-colorTextPrimary-169 MuiTypography-displayInline-172"
@@ -2066,7 +1896,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-430"
+          class="MuiBox-root-238 MuiBox-root-418"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -2079,7 +1909,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-433"
+          class="MuiBox-root-238 MuiBox-root-421"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -2104,17 +1934,17 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         >
           <img
             alt="bb-a-USDT logo"
-            class="makeStyles-position-434"
+            class="makeStyles-position-422"
             src="/assets/icons/bb-a-usdt.svg"
           />
           <img
             alt="bb-a-DAI logo"
-            class="makeStyles-position-435"
+            class="makeStyles-position-423"
             src="/assets/icons/bb-a-dai.svg"
           />
           <img
             alt="bb-a-USDC logo"
-            class="makeStyles-position-436"
+            class="makeStyles-position-424"
             src="/assets/icons/bb-a-usdc.svg"
           />
         </div>
@@ -2149,15 +1979,15 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-align-items-xs-center-22 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-437 makeStyles-root-232"
+          class="MuiBox-root-238 MuiBox-root-425 makeStyles-root-232"
         >
           <div
-            class="MuiBox-root-238 MuiBox-root-438 makeStyles-aprDisplay-235"
+            class="MuiBox-root-238 MuiBox-root-426 makeStyles-aprDisplay-235"
           >
             <p
               class="MuiTypography-root-144 MuiTypography-body1-146 MuiTypography-colorTextPrimary-169 MuiTypography-displayInline-172"
             >
-              6.89%
+              1.75%
             </p>
             <img
               alt="apy info icon"
@@ -2166,25 +1996,14 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
             />
           </div>
           <div
-            class="MuiBox-root-238 MuiBox-root-439 makeStyles-yieldBearingRewards-237"
+            class="MuiBox-root-238 MuiBox-root-427"
           >
-            <a
-              class="MuiTypography-root-144 MuiLink-root-295 MuiLink-underlineHover-297 MuiTypography-colorPrimary-167"
-            >
-              <img
-                alt="Yield-Bearing Rewards"
-                src="assets/icons/yield-bearing-rewards.svg"
-                width="9"
-              />
-               Yield-Bearing Rewards:
-            </a>
-            <span
-              class="MuiTypography-root-144"
+            <p
+              class="MuiTypography-root-144 makeStyles-projectedApr-236 MuiTypography-body1-146"
             >
-              Rewards earn up to 
-              80.91
-              %
-            </span>
+              Current: 
+              6.89%
+            </p>
           </div>
         </div>
       </div>
@@ -2192,7 +2011,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-442"
+          class="MuiBox-root-238 MuiBox-root-430"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -2205,7 +2024,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-445"
+          class="MuiBox-root-238 MuiBox-root-433"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -2230,12 +2049,12 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         >
           <img
             alt="renBTC logo"
-            class="makeStyles-position-446"
+            class="makeStyles-position-434"
             src="/assets/icons/renbtc.svg"
           />
           <img
             alt="WBTC logo"
-            class="makeStyles-position-447"
+            class="makeStyles-position-435"
             src="/assets/icons/wbtc.svg"
           />
         </div>
@@ -2270,10 +2089,10 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-align-items-xs-center-22 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-448 makeStyles-root-232"
+          class="MuiBox-root-238 MuiBox-root-436 makeStyles-root-232"
         >
           <div
-            class="MuiBox-root-238 MuiBox-root-449 makeStyles-aprDisplay-235"
+            class="MuiBox-root-238 MuiBox-root-437 makeStyles-aprDisplay-235"
           >
             <p
               class="MuiTypography-root-144 MuiTypography-body1-146 MuiTypography-colorTextPrimary-169 MuiTypography-displayInline-172"
@@ -2286,34 +2105,13 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
               src="/assets/icons/apy-info.svg"
             />
           </div>
-          <div
-            class="MuiBox-root-238 MuiBox-root-450 makeStyles-yieldBearingRewards-237"
-          >
-            <a
-              class="MuiTypography-root-144 MuiLink-root-295 MuiLink-underlineHover-297 MuiTypography-colorPrimary-167"
-            >
-              <img
-                alt="Yield-Bearing Rewards"
-                src="assets/icons/yield-bearing-rewards.svg"
-                width="9"
-              />
-               Yield-Bearing Rewards:
-            </a>
-            <span
-              class="MuiTypography-root-144"
-            >
-              Rewards earn up to 
-              28.32
-              %
-            </span>
-          </div>
         </div>
       </div>
       <div
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-453"
+          class="MuiBox-root-238 MuiBox-root-440"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -2326,7 +2124,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-456"
+          class="MuiBox-root-238 MuiBox-root-443"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -2351,17 +2149,17 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         >
           <img
             alt="USDT logo"
-            class="makeStyles-position-457"
+            class="makeStyles-position-444"
             src="/assets/icons/usdt.svg"
           />
           <img
             alt="WBTC logo"
-            class="makeStyles-position-458"
+            class="makeStyles-position-445"
             src="/assets/icons/wbtc.svg"
           />
           <img
             alt="WETH logo"
-            class="makeStyles-position-459"
+            class="makeStyles-position-446"
             src="/assets/icons/weth.svg"
           />
         </div>
@@ -2396,10 +2194,10 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-align-items-xs-center-22 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-460 makeStyles-root-232"
+          class="MuiBox-root-238 MuiBox-root-447 makeStyles-root-232"
         >
           <div
-            class="MuiBox-root-238 MuiBox-root-461 makeStyles-aprDisplay-235"
+            class="MuiBox-root-238 MuiBox-root-448 makeStyles-aprDisplay-235"
           >
             <p
               class="MuiTypography-root-144 MuiTypography-body1-146 MuiTypography-colorTextPrimary-169 MuiTypography-displayInline-172"
@@ -2412,34 +2210,13 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
               src="/assets/icons/apy-info.svg"
             />
           </div>
-          <div
-            class="MuiBox-root-238 MuiBox-root-462 makeStyles-yieldBearingRewards-237"
-          >
-            <a
-              class="MuiTypography-root-144 MuiLink-root-295 MuiLink-underlineHover-297 MuiTypography-colorPrimary-167"
-            >
-              <img
-                alt="Yield-Bearing Rewards"
-                src="assets/icons/yield-bearing-rewards.svg"
-                width="9"
-              />
-               Yield-Bearing Rewards:
-            </a>
-            <span
-              class="MuiTypography-root-144"
-            >
-              Rewards earn up to 
-              28.32
-              %
-            </span>
-          </div>
         </div>
       </div>
       <div
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-465"
+          class="MuiBox-root-238 MuiBox-root-451"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
@@ -2452,7 +2229,7 @@ exports[`VaultListDisplay uses default sort criteria by default 1`] = `
         class="MuiGrid-root-13 MuiGrid-container-14 MuiGrid-item-15 MuiGrid-justify-content-xs-flex-end-32 MuiGrid-grid-xs-true-47"
       >
         <div
-          class="MuiBox-root-238 MuiBox-root-468"
+          class="MuiBox-root-238 MuiBox-root-454"
         >
           <p
             class="MuiTypography-root-144 makeStyles-itemText-188 MuiTypography-body1-146"
diff --git a/src/tests/vaults/__snapshots__/VaultsSearchControl.test.tsx.snap b/src/tests/vaults/__snapshots__/VaultsSearchControl.test.tsx.snap
index 334fbde5f..dbff84a3b 100644
--- a/src/tests/vaults/__snapshots__/VaultsSearchControl.test.tsx.snap
+++ b/src/tests/vaults/__snapshots__/VaultsSearchControl.test.tsx.snap
@@ -37,7 +37,7 @@ exports[`VaultSearchControl desktop renders correctly 1`] = `
               </svg>
             </span>
             <span
-              class="MuiTouchRipple-root-347"
+              class="MuiTouchRipple-root-373"
             />
           </span>
           <span
@@ -78,7 +78,7 @@ exports[`VaultSearchControl desktop renders correctly 1`] = `
               </svg>
             </span>
             <span
-              class="MuiTouchRipple-root-347"
+              class="MuiTouchRipple-root-373"
             />
           </span>
           <span
@@ -119,7 +119,7 @@ exports[`VaultSearchControl desktop renders correctly 1`] = `
               </svg>
             </span>
             <span
-              class="MuiTouchRipple-root-347"
+              class="MuiTouchRipple-root-373"
             />
           </span>
           <span
@@ -133,30 +133,68 @@ exports[`VaultSearchControl desktop renders correctly 1`] = `
           </span>
         </label>
       </div>
+      <div>
+        <div
+          aria-label="apy apr selector"
+          class="MuiButtonGroup-root-205"
+          role="group"
+        >
+          <button
+            aria-selected="true"
+            class="MuiButtonBase-root-160 MuiButton-root-229 MuiButton-outlined-234 MuiButtonGroup-grouped-211 MuiButtonGroup-groupedHorizontal-212 MuiButtonGroup-groupedOutlined-219 MuiButtonGroup-groupedOutlinedHorizontal-220 MuiButtonGroup-groupedOutlined-219 makeStyles-selected-203 makeStyles-button-204"
+            tabindex="0"
+            type="button"
+          >
+            <span
+              class="MuiButton-label-230"
+            >
+              APY
+            </span>
+            <span
+              class="MuiTouchRipple-root-373"
+            />
+          </button>
+          <button
+            aria-selected="false"
+            class="MuiButtonBase-root-160 MuiButton-root-229 MuiButton-outlined-234 MuiButtonGroup-grouped-211 MuiButtonGroup-groupedHorizontal-212 MuiButtonGroup-groupedOutlined-219 MuiButtonGroup-groupedOutlinedHorizontal-220 MuiButtonGroup-groupedOutlined-219 makeStyles-button-204"
+            tabindex="0"
+            type="button"
+          >
+            <span
+              class="MuiButton-label-230"
+            >
+              APR
+            </span>
+            <span
+              class="MuiTouchRipple-root-373"
+            />
+          </button>
+        </div>
+      </div>
     </div>
     <div
-      class="MuiGrid-root-32 makeStyles-root-203 MuiGrid-container-33"
+      class="MuiGrid-root-32 makeStyles-root-258 MuiGrid-container-33"
     >
       <div
         class="MuiGrid-root-32 MuiGrid-item-34 MuiGrid-grid-xs-true-66"
       >
         <div
-          class="MuiFormControl-root-206 makeStyles-formControl-204"
+          class="MuiFormControl-root-261 makeStyles-formControl-259"
         >
           <label
-            class="MuiFormLabel-root-222 MuiInputLabel-root-210 MuiInputLabel-formControl-216 MuiInputLabel-animated-219 MuiInputLabel-outlined-221"
+            class="MuiFormLabel-root-277 MuiInputLabel-root-265 MuiInputLabel-formControl-271 MuiInputLabel-animated-274 MuiInputLabel-outlined-276"
             data-shrink="false"
             id="status-selector-id-label"
           >
             Status
           </label>
           <div
-            class="MuiInputBase-root-256 MuiOutlinedInput-root-241 MuiInputBase-formControl-257"
+            class="MuiInputBase-root-311 MuiOutlinedInput-root-296 MuiInputBase-formControl-312"
           >
             <div
               aria-haspopup="listbox"
               aria-labelledby="status-selector-id-label status-selector"
-              class="MuiSelect-root-230 MuiSelect-select-231 MuiSelect-selectMenu-234 MuiSelect-outlined-233 MuiInputBase-input-267 MuiOutlinedInput-input-251"
+              class="MuiSelect-root-285 MuiSelect-select-286 MuiSelect-selectMenu-289 MuiSelect-outlined-288 MuiInputBase-input-322 MuiOutlinedInput-input-306"
               id="status-selector"
               role="button"
               tabindex="0"
@@ -167,14 +205,14 @@ exports[`VaultSearchControl desktop renders correctly 1`] = `
             </div>
             <input
               aria-hidden="true"
-              class="MuiSelect-nativeInput-240"
+              class="MuiSelect-nativeInput-295"
               data-testid="status-selector-input"
               tabindex="-1"
               value=""
             />
             <svg
               aria-hidden="true"
-              class="MuiSvgIcon-root-163 MuiSelect-icon-236 MuiSelect-iconOutlined-239"
+              class="MuiSvgIcon-root-163 MuiSelect-icon-291 MuiSelect-iconOutlined-294"
               focusable="false"
               viewBox="0 0 24 24"
             >
@@ -184,10 +222,10 @@ exports[`VaultSearchControl desktop renders correctly 1`] = `
             </svg>
             <fieldset
               aria-hidden="true"
-              class="PrivateNotchedOutline-root-278 MuiOutlinedInput-notchedOutline-250"
+              class="PrivateNotchedOutline-root-333 MuiOutlinedInput-notchedOutline-305"
             >
               <legend
-                class="PrivateNotchedOutline-legendLabelled-280"
+                class="PrivateNotchedOutline-legendLabelled-335"
               >
                 <span>
                   Status
@@ -201,22 +239,22 @@ exports[`VaultSearchControl desktop renders correctly 1`] = `
         class="MuiGrid-root-32 MuiGrid-item-34 MuiGrid-grid-xs-true-66"
       >
         <div
-          class="MuiFormControl-root-206 makeStyles-formControl-282"
+          class="MuiFormControl-root-261 makeStyles-formControl-337"
         >
           <label
-            class="MuiFormLabel-root-222 MuiInputLabel-root-210 MuiInputLabel-formControl-216 MuiInputLabel-animated-219 MuiInputLabel-outlined-221"
+            class="MuiFormLabel-root-277 MuiInputLabel-root-265 MuiInputLabel-formControl-271 MuiInputLabel-animated-274 MuiInputLabel-outlined-276"
             data-shrink="false"
             id="platform-selector-id-label"
           >
             Platform
           </label>
           <div
-            class="MuiInputBase-root-256 MuiOutlinedInput-root-241 MuiInputBase-formControl-257"
+            class="MuiInputBase-root-311 MuiOutlinedInput-root-296 MuiInputBase-formControl-312"
           >
             <div
               aria-haspopup="listbox"
               aria-labelledby="platform-selector-id-label platform-selector"
-              class="MuiSelect-root-230 MuiSelect-select-231 MuiSelect-selectMenu-234 MuiSelect-outlined-233 MuiInputBase-input-267 MuiOutlinedInput-input-251"
+              class="MuiSelect-root-285 MuiSelect-select-286 MuiSelect-selectMenu-289 MuiSelect-outlined-288 MuiInputBase-input-322 MuiOutlinedInput-input-306"
               id="platform-selector"
               role="button"
               tabindex="0"
@@ -227,14 +265,14 @@ exports[`VaultSearchControl desktop renders correctly 1`] = `
             </div>
             <input
               aria-hidden="true"
-              class="MuiSelect-nativeInput-240"
+              class="MuiSelect-nativeInput-295"
               data-testid="platform-selector-input"
               tabindex="-1"
               value=""
             />
             <svg
               aria-hidden="true"
-              class="MuiSvgIcon-root-163 MuiSelect-icon-236 MuiSelect-iconOutlined-239"
+              class="MuiSvgIcon-root-163 MuiSelect-icon-291 MuiSelect-iconOutlined-294"
               focusable="false"
               viewBox="0 0 24 24"
             >
@@ -244,10 +282,10 @@ exports[`VaultSearchControl desktop renders correctly 1`] = `
             </svg>
             <fieldset
               aria-hidden="true"
-              class="PrivateNotchedOutline-root-278 MuiOutlinedInput-notchedOutline-250"
+              class="PrivateNotchedOutline-root-333 MuiOutlinedInput-notchedOutline-305"
             >
               <legend
-                class="PrivateNotchedOutline-legendLabelled-280"
+                class="PrivateNotchedOutline-legendLabelled-335"
               >
                 <span>
                   Platform
@@ -261,22 +299,22 @@ exports[`VaultSearchControl desktop renders correctly 1`] = `
         class="MuiGrid-root-32 MuiGrid-item-34 MuiGrid-grid-xs-true-66"
       >
         <div
-          class="MuiFormControl-root-206 makeStyles-formControl-284"
+          class="MuiFormControl-root-261 makeStyles-formControl-339"
         >
           <label
-            class="MuiFormLabel-root-222 MuiInputLabel-root-210 MuiInputLabel-formControl-216 MuiInputLabel-animated-219 MuiInputLabel-outlined-221"
+            class="MuiFormLabel-root-277 MuiInputLabel-root-265 MuiInputLabel-formControl-271 MuiInputLabel-animated-274 MuiInputLabel-outlined-276"
             data-shrink="false"
             id="rewards-selector-id-label"
           >
             Rewards
           </label>
           <div
-            class="MuiInputBase-root-256 MuiOutlinedInput-root-241 MuiInputBase-formControl-257"
+            class="MuiInputBase-root-311 MuiOutlinedInput-root-296 MuiInputBase-formControl-312"
           >
             <div
               aria-haspopup="listbox"
               aria-labelledby="rewards-selector-id-label rewards-selector"
-              class="MuiSelect-root-230 MuiSelect-select-231 MuiSelect-selectMenu-234 MuiSelect-outlined-233 MuiInputBase-input-267 MuiOutlinedInput-input-251"
+              class="MuiSelect-root-285 MuiSelect-select-286 MuiSelect-selectMenu-289 MuiSelect-outlined-288 MuiInputBase-input-322 MuiOutlinedInput-input-306"
               id="rewards-selector"
               role="button"
               tabindex="0"
@@ -287,14 +325,14 @@ exports[`VaultSearchControl desktop renders correctly 1`] = `
             </div>
             <input
               aria-hidden="true"
-              class="MuiSelect-nativeInput-240"
+              class="MuiSelect-nativeInput-295"
               data-testid="rewards-selector-input"
               tabindex="-1"
               value=""
             />
             <svg
               aria-hidden="true"
-              class="MuiSvgIcon-root-163 MuiSelect-icon-236 MuiSelect-iconOutlined-239"
+              class="MuiSvgIcon-root-163 MuiSelect-icon-291 MuiSelect-iconOutlined-294"
               focusable="false"
               viewBox="0 0 24 24"
             >
@@ -304,10 +342,10 @@ exports[`VaultSearchControl desktop renders correctly 1`] = `
             </svg>
             <fieldset
               aria-hidden="true"
-              class="PrivateNotchedOutline-root-278 MuiOutlinedInput-notchedOutline-250"
+              class="PrivateNotchedOutline-root-333 MuiOutlinedInput-notchedOutline-305"
             >
               <legend
-                class="PrivateNotchedOutline-legendLabelled-280"
+                class="PrivateNotchedOutline-legendLabelled-335"
               >
                 <span>
                   Rewards
@@ -321,25 +359,25 @@ exports[`VaultSearchControl desktop renders correctly 1`] = `
         class="MuiGrid-root-32 MuiGrid-item-34 MuiGrid-grid-xs-true-66 MuiGrid-grid-md-true-94 MuiGrid-grid-lg-6-114"
       >
         <div
-          class="MuiFormControl-root-206 MuiTextField-root-288 makeStyles-root-286"
+          class="MuiFormControl-root-261 MuiTextField-root-343 makeStyles-root-341"
         >
           <div
-            class="MuiInputBase-root-256 MuiOutlinedInput-root-241 MuiInputBase-formControl-257 MuiInputBase-adornedEnd-261 MuiOutlinedInput-adornedEnd-246"
+            class="MuiInputBase-root-311 MuiOutlinedInput-root-296 MuiInputBase-formControl-312 MuiInputBase-adornedEnd-316 MuiOutlinedInput-adornedEnd-301"
           >
             <input
               aria-invalid="false"
               aria-label="Vault Search"
-              class="MuiInputBase-input-267 MuiOutlinedInput-input-251 MuiInputBase-inputAdornedEnd-272 MuiOutlinedInput-inputAdornedEnd-255"
+              class="MuiInputBase-input-322 MuiOutlinedInput-input-306 MuiInputBase-inputAdornedEnd-327 MuiOutlinedInput-inputAdornedEnd-310"
               placeholder="Search by vault name, token, rewards..."
               type="text"
               value=""
             />
             <div
-              class="MuiInputAdornment-root-289 MuiInputAdornment-positionEnd-292"
+              class="MuiInputAdornment-root-344 MuiInputAdornment-positionEnd-347"
             >
               <button
                 aria-label="search"
-                class="MuiButtonBase-root-160 MuiIconButton-root-151 makeStyles-icon-287 MuiIconButton-sizeSmall-158"
+                class="MuiButtonBase-root-160 MuiIconButton-root-151 makeStyles-icon-342 MuiIconButton-sizeSmall-158"
                 tabindex="0"
                 type="button"
               >
@@ -358,17 +396,17 @@ exports[`VaultSearchControl desktop renders correctly 1`] = `
                   </svg>
                 </span>
                 <span
-                  class="MuiTouchRipple-root-347"
+                  class="MuiTouchRipple-root-373"
                 />
               </button>
             </div>
             <fieldset
               aria-hidden="true"
-              class="PrivateNotchedOutline-root-278 MuiOutlinedInput-notchedOutline-250"
+              class="PrivateNotchedOutline-root-333 MuiOutlinedInput-notchedOutline-305"
               style="padding-left: 8px;"
             >
               <legend
-                class="PrivateNotchedOutline-legend-279"
+                class="PrivateNotchedOutline-legend-334"
                 style="width: 0.01px;"
               >
                 <span>
@@ -383,17 +421,17 @@ exports[`VaultSearchControl desktop renders correctly 1`] = `
         class="MuiGrid-root-32 MuiGrid-item-34 MuiGrid-grid-xs-auto-65"
       >
         <button
-          class="MuiButtonBase-root-160 MuiButton-root-296 MuiButton-text-298 MuiButton-textPrimary-299 MuiButton-fullWidth-319"
+          class="MuiButtonBase-root-160 MuiButton-root-229 MuiButton-text-231 MuiButton-textPrimary-232 MuiButton-fullWidth-252"
           tabindex="0"
           type="button"
         >
           <span
-            class="MuiButton-label-297"
+            class="MuiButton-label-230"
           >
             CLEAR ALL
           </span>
           <span
-            class="MuiTouchRipple-root-347"
+            class="MuiTouchRipple-root-373"
           />
         </button>
       </div>
@@ -447,7 +485,7 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
                 </svg>
               </span>
               <span
-                class="MuiTouchRipple-root-349"
+                class="MuiTouchRipple-root-375"
               />
             </span>
             <span
@@ -465,12 +503,12 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
           class="MuiGrid-root-32 MuiGrid-container-33 MuiGrid-item-34 MuiGrid-justify-content-xs-flex-end-51 MuiGrid-grid-xs-true-66"
         >
           <button
-            class="MuiButtonBase-root-160 MuiButton-root-296 MuiButton-text-298 makeStyles-button-347"
+            class="MuiButtonBase-root-160 MuiButton-root-229 MuiButton-text-231 makeStyles-button-373"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiButton-label-297 makeStyles-buttonLabel-348"
+              class="MuiButton-label-230 makeStyles-buttonLabel-374"
             >
               <p
                 class="MuiTypography-root-172 MuiTypography-body2-173 MuiTypography-displayInline-200"
@@ -489,7 +527,7 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
               </svg>
             </span>
             <span
-              class="MuiTouchRipple-root-349"
+              class="MuiTouchRipple-root-375"
             />
           </button>
         </div>
@@ -497,13 +535,13 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
     </div>
   </div>
   <div
-    class="MuiDialog-root-332"
+    class="MuiDialog-root-358"
     role="presentation"
     style="position: fixed; z-index: 1300; right: 0px; bottom: 0px; top: 0px; left: 0px;"
   >
     <div
       aria-hidden="true"
-      class="MuiBackdrop-root-359"
+      class="MuiBackdrop-root-385"
       style="opacity: 1;"
     />
     <div
@@ -511,17 +549,17 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
       tabindex="0"
     />
     <div
-      class="MuiDialog-container-335 MuiDialog-scrollPaper-333"
+      class="MuiDialog-container-361 MuiDialog-scrollPaper-359"
       role="none presentation"
       style="opacity: 1;"
       tabindex="-1"
     >
       <div
-        class="MuiPaper-root-4 MuiDialog-paper-336 MuiDialog-paperScrollPaper-337 MuiDialog-paperWidthXl-344 MuiDialog-paperFullWidth-345 MuiPaper-elevation24-31 MuiPaper-rounded-5"
+        class="MuiPaper-root-4 MuiDialog-paper-362 MuiDialog-paperScrollPaper-363 MuiDialog-paperWidthXl-370 MuiDialog-paperFullWidth-371 MuiPaper-elevation24-31 MuiPaper-rounded-5"
         role="dialog"
       >
         <div
-          class="MuiDialogTitle-root-361 makeStyles-title-325"
+          class="MuiDialogTitle-root-387 makeStyles-title-351"
         >
           <div
             class="MuiGrid-root-32 MuiGrid-container-33 MuiGrid-align-items-xs-center-41 MuiGrid-justify-content-xs-space-between-52"
@@ -533,7 +571,7 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
             </h5>
             <button
               aria-label="close vault filters"
-              class="MuiButtonBase-root-160 MuiIconButton-root-151 makeStyles-closeButton-327"
+              class="MuiButtonBase-root-160 MuiIconButton-root-151 makeStyles-closeButton-353"
               tabindex="0"
               type="button"
             >
@@ -552,16 +590,16 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
                 </svg>
               </span>
               <span
-                class="MuiTouchRipple-root-349"
+                class="MuiTouchRipple-root-375"
               />
             </button>
           </div>
         </div>
         <div
-          class="MuiDialogContent-root-362 makeStyles-content-326"
+          class="MuiDialogContent-root-388 makeStyles-content-352"
         >
           <hr
-            class="MuiDivider-root-364 makeStyles-topDivider-330"
+            class="MuiDivider-root-390 makeStyles-topDivider-356"
           />
           <div
             class="MuiGrid-root-32 MuiGrid-container-33 MuiGrid-direction-xs-column-36"
@@ -598,7 +636,7 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
                     </svg>
                   </span>
                   <span
-                    class="MuiTouchRipple-root-349"
+                    class="MuiTouchRipple-root-375"
                   />
                 </span>
                 <span
@@ -644,7 +682,7 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
                     </svg>
                   </span>
                   <span
-                    class="MuiTouchRipple-root-349"
+                    class="MuiTouchRipple-root-375"
                   />
                 </span>
                 <span
@@ -662,7 +700,7 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
               class="MuiGrid-root-32 MuiGrid-item-34"
             >
               <label
-                class="MuiFormControlLabel-root-135 makeStyles-label-371"
+                class="MuiFormControlLabel-root-135 makeStyles-label-397"
               >
                 <span
                   aria-disabled="false"
@@ -690,7 +728,7 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
                     </svg>
                   </span>
                   <span
-                    class="MuiTouchRipple-root-349"
+                    class="MuiTouchRipple-root-375"
                   />
                 </span>
                 <span
@@ -706,31 +744,31 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
             </div>
           </div>
           <hr
-            class="MuiDivider-root-364 makeStyles-divider-329"
+            class="MuiDivider-root-390 makeStyles-divider-355"
           />
           <div
             class="MuiGrid-root-32 MuiGrid-container-33 MuiGrid-direction-xs-column-36"
           >
             <div
-              class="MuiGrid-root-32 makeStyles-select-328 MuiGrid-item-34"
+              class="MuiGrid-root-32 makeStyles-select-354 MuiGrid-item-34"
             >
               <div
-                class="MuiFormControl-root-374 makeStyles-formControl-372"
+                class="MuiFormControl-root-400 makeStyles-formControl-398"
               >
                 <label
-                  class="MuiFormLabel-root-390 MuiInputLabel-root-378 MuiInputLabel-formControl-384 MuiInputLabel-animated-387 MuiInputLabel-shrink-386 MuiInputLabel-outlined-389 MuiFormLabel-filled-395"
+                  class="MuiFormLabel-root-416 MuiInputLabel-root-404 MuiInputLabel-formControl-410 MuiInputLabel-animated-413 MuiInputLabel-shrink-412 MuiInputLabel-outlined-415 MuiFormLabel-filled-421"
                   data-shrink="true"
                   id="status-selector-id-label"
                 >
                   Status
                 </label>
                 <div
-                  class="MuiInputBase-root-424 MuiOutlinedInput-root-409 MuiInputBase-formControl-425"
+                  class="MuiInputBase-root-450 MuiOutlinedInput-root-435 MuiInputBase-formControl-451"
                 >
                   <div
                     aria-haspopup="listbox"
                     aria-labelledby="status-selector-id-label status-selector"
-                    class="MuiSelect-root-398 MuiSelect-select-399 MuiSelect-selectMenu-402 MuiSelect-outlined-401 MuiInputBase-input-435 MuiOutlinedInput-input-419"
+                    class="MuiSelect-root-424 MuiSelect-select-425 MuiSelect-selectMenu-428 MuiSelect-outlined-427 MuiInputBase-input-461 MuiOutlinedInput-input-445"
                     id="status-selector"
                     role="button"
                     tabindex="0"
@@ -739,14 +777,14 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
                   </div>
                   <input
                     aria-hidden="true"
-                    class="MuiSelect-nativeInput-408"
+                    class="MuiSelect-nativeInput-434"
                     data-testid="status-selector-input"
                     tabindex="-1"
                     value="guarded,experimental"
                   />
                   <svg
                     aria-hidden="true"
-                    class="MuiSvgIcon-root-163 MuiSelect-icon-404 MuiSelect-iconOutlined-407"
+                    class="MuiSvgIcon-root-163 MuiSelect-icon-430 MuiSelect-iconOutlined-433"
                     focusable="false"
                     viewBox="0 0 24 24"
                   >
@@ -756,10 +794,10 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
                   </svg>
                   <fieldset
                     aria-hidden="true"
-                    class="PrivateNotchedOutline-root-446 MuiOutlinedInput-notchedOutline-418"
+                    class="PrivateNotchedOutline-root-472 MuiOutlinedInput-notchedOutline-444"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legendLabelled-448 PrivateNotchedOutline-legendNotched-449"
+                      class="PrivateNotchedOutline-legendLabelled-474 PrivateNotchedOutline-legendNotched-475"
                     >
                       <span>
                         Status
@@ -770,25 +808,25 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
               </div>
             </div>
             <div
-              class="MuiGrid-root-32 makeStyles-select-328 MuiGrid-item-34"
+              class="MuiGrid-root-32 makeStyles-select-354 MuiGrid-item-34"
             >
               <div
-                class="MuiFormControl-root-374 makeStyles-formControl-450"
+                class="MuiFormControl-root-400 makeStyles-formControl-476"
               >
                 <label
-                  class="MuiFormLabel-root-390 MuiInputLabel-root-378 MuiInputLabel-formControl-384 MuiInputLabel-animated-387 MuiInputLabel-shrink-386 MuiInputLabel-outlined-389 MuiFormLabel-filled-395"
+                  class="MuiFormLabel-root-416 MuiInputLabel-root-404 MuiInputLabel-formControl-410 MuiInputLabel-animated-413 MuiInputLabel-shrink-412 MuiInputLabel-outlined-415 MuiFormLabel-filled-421"
                   data-shrink="true"
                   id="platform-selector-id-label"
                 >
                   Platform
                 </label>
                 <div
-                  class="MuiInputBase-root-424 MuiOutlinedInput-root-409 MuiInputBase-formControl-425"
+                  class="MuiInputBase-root-450 MuiOutlinedInput-root-435 MuiInputBase-formControl-451"
                 >
                   <div
                     aria-haspopup="listbox"
                     aria-labelledby="platform-selector-id-label platform-selector"
-                    class="MuiSelect-root-398 MuiSelect-select-399 MuiSelect-selectMenu-402 MuiSelect-outlined-401 MuiInputBase-input-435 MuiOutlinedInput-input-419"
+                    class="MuiSelect-root-424 MuiSelect-select-425 MuiSelect-selectMenu-428 MuiSelect-outlined-427 MuiInputBase-input-461 MuiOutlinedInput-input-445"
                     id="platform-selector"
                     role="button"
                     tabindex="0"
@@ -797,14 +835,14 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
                   </div>
                   <input
                     aria-hidden="true"
-                    class="MuiSelect-nativeInput-408"
+                    class="MuiSelect-nativeInput-434"
                     data-testid="platform-selector-input"
                     tabindex="-1"
                     value="Convex,Curve"
                   />
                   <svg
                     aria-hidden="true"
-                    class="MuiSvgIcon-root-163 MuiSelect-icon-404 MuiSelect-iconOutlined-407"
+                    class="MuiSvgIcon-root-163 MuiSelect-icon-430 MuiSelect-iconOutlined-433"
                     focusable="false"
                     viewBox="0 0 24 24"
                   >
@@ -814,10 +852,10 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
                   </svg>
                   <fieldset
                     aria-hidden="true"
-                    class="PrivateNotchedOutline-root-446 MuiOutlinedInput-notchedOutline-418"
+                    class="PrivateNotchedOutline-root-472 MuiOutlinedInput-notchedOutline-444"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legendLabelled-448 PrivateNotchedOutline-legendNotched-449"
+                      class="PrivateNotchedOutline-legendLabelled-474 PrivateNotchedOutline-legendNotched-475"
                     >
                       <span>
                         Platform
@@ -828,25 +866,25 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
               </div>
             </div>
             <div
-              class="MuiGrid-root-32 makeStyles-select-328 MuiGrid-item-34"
+              class="MuiGrid-root-32 makeStyles-select-354 MuiGrid-item-34"
             >
               <div
-                class="MuiFormControl-root-374 makeStyles-formControl-452"
+                class="MuiFormControl-root-400 makeStyles-formControl-478"
               >
                 <label
-                  class="MuiFormLabel-root-390 MuiInputLabel-root-378 MuiInputLabel-formControl-384 MuiInputLabel-animated-387 MuiInputLabel-shrink-386 MuiInputLabel-outlined-389 MuiFormLabel-filled-395"
+                  class="MuiFormLabel-root-416 MuiInputLabel-root-404 MuiInputLabel-formControl-410 MuiInputLabel-animated-413 MuiInputLabel-shrink-412 MuiInputLabel-outlined-415 MuiFormLabel-filled-421"
                   data-shrink="true"
                   id="rewards-selector-id-label"
                 >
                   Rewards
                 </label>
                 <div
-                  class="MuiInputBase-root-424 MuiOutlinedInput-root-409 MuiInputBase-formControl-425"
+                  class="MuiInputBase-root-450 MuiOutlinedInput-root-435 MuiInputBase-formControl-451"
                 >
                   <div
                     aria-haspopup="listbox"
                     aria-labelledby="rewards-selector-id-label rewards-selector"
-                    class="MuiSelect-root-398 MuiSelect-select-399 MuiSelect-selectMenu-402 MuiSelect-outlined-401 MuiInputBase-input-435 MuiOutlinedInput-input-419"
+                    class="MuiSelect-root-424 MuiSelect-select-425 MuiSelect-selectMenu-428 MuiSelect-outlined-427 MuiInputBase-input-461 MuiOutlinedInput-input-445"
                     id="rewards-selector"
                     role="button"
                     tabindex="0"
@@ -855,14 +893,14 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
                   </div>
                   <input
                     aria-hidden="true"
-                    class="MuiSelect-nativeInput-408"
+                    class="MuiSelect-nativeInput-434"
                     data-testid="rewards-selector-input"
                     tabindex="-1"
                     value="DCA,Compounder"
                   />
                   <svg
                     aria-hidden="true"
-                    class="MuiSvgIcon-root-163 MuiSelect-icon-404 MuiSelect-iconOutlined-407"
+                    class="MuiSvgIcon-root-163 MuiSelect-icon-430 MuiSelect-iconOutlined-433"
                     focusable="false"
                     viewBox="0 0 24 24"
                   >
@@ -872,10 +910,10 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
                   </svg>
                   <fieldset
                     aria-hidden="true"
-                    class="PrivateNotchedOutline-root-446 MuiOutlinedInput-notchedOutline-418"
+                    class="PrivateNotchedOutline-root-472 MuiOutlinedInput-notchedOutline-444"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legendLabelled-448 PrivateNotchedOutline-legendNotched-449"
+                      class="PrivateNotchedOutline-legendLabelled-474 PrivateNotchedOutline-legendNotched-475"
                     >
                       <span>
                         Rewards
@@ -889,25 +927,25 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
               class="MuiGrid-root-32 MuiGrid-item-34"
             >
               <div
-                class="MuiFormControl-root-374 MuiTextField-root-456 makeStyles-root-454"
+                class="MuiFormControl-root-400 MuiTextField-root-482 makeStyles-root-480"
               >
                 <div
-                  class="MuiInputBase-root-424 MuiOutlinedInput-root-409 MuiInputBase-formControl-425 MuiInputBase-adornedEnd-429 MuiOutlinedInput-adornedEnd-414"
+                  class="MuiInputBase-root-450 MuiOutlinedInput-root-435 MuiInputBase-formControl-451 MuiInputBase-adornedEnd-455 MuiOutlinedInput-adornedEnd-440"
                 >
                   <input
                     aria-invalid="false"
                     aria-label="Vault Search"
-                    class="MuiInputBase-input-435 MuiOutlinedInput-input-419 MuiInputBase-inputAdornedEnd-440 MuiOutlinedInput-inputAdornedEnd-423"
+                    class="MuiInputBase-input-461 MuiOutlinedInput-input-445 MuiInputBase-inputAdornedEnd-466 MuiOutlinedInput-inputAdornedEnd-449"
                     placeholder="Search by vault name, token, rewards..."
                     type="text"
                     value="bitcoin convex"
                   />
                   <div
-                    class="MuiInputAdornment-root-457 MuiInputAdornment-positionEnd-460"
+                    class="MuiInputAdornment-root-483 MuiInputAdornment-positionEnd-486"
                   >
                     <button
                       aria-label="search"
-                      class="MuiButtonBase-root-160 MuiIconButton-root-151 makeStyles-icon-455 MuiIconButton-sizeSmall-158"
+                      class="MuiButtonBase-root-160 MuiIconButton-root-151 makeStyles-icon-481 MuiIconButton-sizeSmall-158"
                       tabindex="0"
                       type="button"
                     >
@@ -926,17 +964,17 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
                         </svg>
                       </span>
                       <span
-                        class="MuiTouchRipple-root-349"
+                        class="MuiTouchRipple-root-375"
                       />
                     </button>
                   </div>
                   <fieldset
                     aria-hidden="true"
-                    class="PrivateNotchedOutline-root-446 MuiOutlinedInput-notchedOutline-418"
+                    class="PrivateNotchedOutline-root-472 MuiOutlinedInput-notchedOutline-444"
                     style="padding-left: 8px;"
                   >
                     <legend
-                      class="PrivateNotchedOutline-legend-447"
+                      class="PrivateNotchedOutline-legend-473"
                       style="width: 0.01px;"
                     >
                       <span>
@@ -949,7 +987,54 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
             </div>
           </div>
           <hr
-            class="MuiDivider-root-364 makeStyles-divider-329"
+            class="MuiDivider-root-390 makeStyles-divider-355"
+          />
+          <div
+            class="MuiGrid-root-32 MuiGrid-container-33"
+          >
+            <div
+              class="MuiGrid-root-32 makeStyles-apr-357 MuiGrid-item-34"
+            >
+              <div
+                aria-label="apy apr selector"
+                class="MuiButtonGroup-root-492"
+                role="group"
+              >
+                <button
+                  aria-selected="false"
+                  class="MuiButtonBase-root-160 MuiButton-root-229 MuiButton-outlined-234 MuiButtonGroup-grouped-498 MuiButtonGroup-groupedHorizontal-499 MuiButtonGroup-groupedOutlined-506 MuiButtonGroup-groupedOutlinedHorizontal-507 MuiButtonGroup-groupedOutlined-506 makeStyles-button-491"
+                  tabindex="0"
+                  type="button"
+                >
+                  <span
+                    class="MuiButton-label-230"
+                  >
+                    APY
+                  </span>
+                  <span
+                    class="MuiTouchRipple-root-375"
+                  />
+                </button>
+                <button
+                  aria-selected="true"
+                  class="MuiButtonBase-root-160 MuiButton-root-229 MuiButton-outlined-234 MuiButtonGroup-grouped-498 MuiButtonGroup-groupedHorizontal-499 MuiButtonGroup-groupedOutlined-506 MuiButtonGroup-groupedOutlinedHorizontal-507 MuiButtonGroup-groupedOutlined-506 makeStyles-selected-490 makeStyles-button-491"
+                  tabindex="0"
+                  type="button"
+                >
+                  <span
+                    class="MuiButton-label-230"
+                  >
+                    APR
+                  </span>
+                  <span
+                    class="MuiTouchRipple-root-375"
+                  />
+                </button>
+              </div>
+            </div>
+          </div>
+          <hr
+            class="MuiDivider-root-390 makeStyles-divider-355"
           />
           <div
             class="MuiGrid-root-32 MuiGrid-container-33 MuiGrid-spacing-xs-2-56 MuiGrid-justify-content-xs-flex-end-51"
@@ -958,17 +1043,17 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
               class="MuiGrid-root-32 MuiGrid-item-34"
             >
               <button
-                class="MuiButtonBase-root-160 MuiButton-root-296 MuiButton-text-298 MuiButton-textPrimary-299"
+                class="MuiButtonBase-root-160 MuiButton-root-229 MuiButton-text-231 MuiButton-textPrimary-232"
                 tabindex="0"
                 type="button"
               >
                 <span
-                  class="MuiButton-label-297"
+                  class="MuiButton-label-230"
                 >
                   Clear All
                 </span>
                 <span
-                  class="MuiTouchRipple-root-349"
+                  class="MuiTouchRipple-root-375"
                 />
               </button>
             </div>
@@ -976,17 +1061,17 @@ exports[`VaultSearchControl mobile opens filter dialog 1`] = `
               class="MuiGrid-root-32 MuiGrid-item-34"
             >
               <button
-                class="MuiButtonBase-root-160 MuiButton-root-296 MuiButton-contained-304 MuiButton-containedPrimary-305"
+                class="MuiButtonBase-root-160 MuiButton-root-229 MuiButton-contained-237 MuiButton-containedPrimary-238"
                 tabindex="0"
                 type="button"
               >
                 <span
-                  class="MuiButton-label-297"
+                  class="MuiButton-label-230"
                 >
                   Apply Filters
                 </span>
                 <span
-                  class="MuiTouchRipple-root-349"
+                  class="MuiTouchRipple-root-375"
                 />
               </button>
             </div>
@@ -1042,7 +1127,7 @@ exports[`VaultSearchControl mobile renders correctly 1`] = `
               </svg>
             </span>
             <span
-              class="MuiTouchRipple-root-349"
+              class="MuiTouchRipple-root-375"
             />
           </span>
           <span
@@ -1060,12 +1145,12 @@ exports[`VaultSearchControl mobile renders correctly 1`] = `
         class="MuiGrid-root-32 MuiGrid-container-33 MuiGrid-item-34 MuiGrid-justify-content-xs-flex-end-51 MuiGrid-grid-xs-true-66"
       >
         <button
-          class="MuiButtonBase-root-160 MuiButton-root-296 MuiButton-text-298 makeStyles-button-347"
+          class="MuiButtonBase-root-160 MuiButton-root-229 MuiButton-text-231 makeStyles-button-373"
           tabindex="0"
           type="button"
         >
           <span
-            class="MuiButton-label-297 makeStyles-buttonLabel-348"
+            class="MuiButton-label-230 makeStyles-buttonLabel-374"
           >
             <p
               class="MuiTypography-root-172 MuiTypography-body2-173 MuiTypography-displayInline-200"
@@ -1084,7 +1169,7 @@ exports[`VaultSearchControl mobile renders correctly 1`] = `
             </svg>
           </span>
           <span
-            class="MuiTouchRipple-root-349"
+            class="MuiTouchRipple-root-375"
           />
         </button>
       </div>

From 41bbb63df4f56bfa92860c8b88b355b79845c6d3 Mon Sep 17 00:00:00 2001
From: mrbasado <mrbasado@protonmail.com>
Date: Tue, 20 Sep 2022 15:47:16 -0500
Subject: [PATCH 3/4] fix: toFixed() crashed apy modal, handle undefined

---
 src/components-v2/VaultApyBreakdownItem/index.tsx | 12 ++++++------
 src/components-v2/VaultApyInformation/index.tsx   | 12 ++++++------
 src/mobx/utils/helpers.ts                         |  5 ++++-
 3 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/src/components-v2/VaultApyBreakdownItem/index.tsx b/src/components-v2/VaultApyBreakdownItem/index.tsx
index 4b2938468..b39e8da0b 100644
--- a/src/components-v2/VaultApyBreakdownItem/index.tsx
+++ b/src/components-v2/VaultApyBreakdownItem/index.tsx
@@ -93,12 +93,12 @@ const VaultApyBreakdownItem = ({ vault, source }: Props): JSX.Element => {
                   token={{ symbol: source.yieldVault ? source.yieldVault.token : source.name }}
                 />
                 <Typography component="span">{`🚀 Boosted BADGER Rewards (max: ${numberWithCommas(
-                  source.maxApr.toFixed(2),
+                  source.maxApr?.toFixed(2),
                 )}%)`}</Typography>
               </Box>
             </Grid>
             <Grid item xs={3}>
-              <Typography align="right">{`${numberWithCommas(sourceApr.toFixed(2))}%`}</Typography>
+              <Typography align="right">{`${numberWithCommas(sourceApr?.toFixed(2))}%`}</Typography>
             </Grid>
           </Grid>
         </>
@@ -164,7 +164,7 @@ const VaultApyBreakdownItem = ({ vault, source }: Props): JSX.Element => {
             </Box>
           </Grid>
           <Grid item xs={3}>
-            <Typography align="right">{numberWithCommas(source.apr.toFixed(2))}%</Typography>
+            <Typography align="right">{numberWithCommas(source.apr?.toFixed(2))}%</Typography>
           </Grid>
         </Grid>
       </>
@@ -177,12 +177,12 @@ const VaultApyBreakdownItem = ({ vault, source }: Props): JSX.Element => {
         <Grid item container justifyContent="space-between">
           <Grid item>
             <Typography variant="body2" display="inline" color="textSecondary">
-              {`🚀 Boosted BADGER Rewards (max: ${numberWithCommas(source.maxApr.toFixed(2))}%)`}
+              {`🚀 Boosted BADGER Rewards (max: ${numberWithCommas(source.maxApr?.toFixed(2))}%)`}
             </Typography>
           </Grid>
           <Grid item>
             <Typography variant="body2" display="inline" color="textSecondary">
-              {`${numberWithCommas(sourceApr.toFixed(2))}%`}
+              {`${numberWithCommas(sourceApr?.toFixed(2))}%`}
             </Typography>
           </Grid>
         </Grid>
@@ -216,7 +216,7 @@ const VaultApyBreakdownItem = ({ vault, source }: Props): JSX.Element => {
       </Grid>
       <Grid item>
         <Typography variant="body2" display="inline" color="textSecondary">
-          {`${numberWithCommas(sourceApr.toFixed(2))}%`}
+          {`${numberWithCommas(sourceApr?.toFixed(2))}%`}
         </Typography>
       </Grid>
     </Grid>
diff --git a/src/components-v2/VaultApyInformation/index.tsx b/src/components-v2/VaultApyInformation/index.tsx
index 514bb0d6e..ee36e9aec 100644
--- a/src/components-v2/VaultApyInformation/index.tsx
+++ b/src/components-v2/VaultApyInformation/index.tsx
@@ -236,7 +236,7 @@ const VaultApyInformation = ({ open, onClose, boost, vault, projectedBoost }: Pr
                   </Grid>
                   <Grid item>
                     <Typography variant="subtitle1" display="inline" color="textSecondary">
-                      {`${numberWithCommas(boost.toFixed(2))}%`}
+                      {`${numberWithCommas(boost?.toFixed(2))}%`}
                     </Typography>
                   </Grid>
                 </Grid>
@@ -259,7 +259,7 @@ const VaultApyInformation = ({ open, onClose, boost, vault, projectedBoost }: Pr
                   </Grid>
                   <Grid item>
                     <Typography variant="subtitle1" display="inline" color="textSecondary">
-                      {`${numberWithCommas(projectedBoost.toFixed(2))}%`}
+                      {`${numberWithCommas(projectedBoost?.toFixed(2))}%`}
                     </Typography>
                   </Grid>
                 </Grid>
@@ -274,7 +274,7 @@ const VaultApyInformation = ({ open, onClose, boost, vault, projectedBoost }: Pr
                       </Grid>
                       <Grid item>
                         <Typography variant="body2" display="inline" color="textSecondary">
-                          {token?.apr && `${numberWithCommas(token.apr.toFixed(2))}%`}
+                          {token?.apr && `${numberWithCommas(token.apr?.toFixed(2))}%`}
                         </Typography>
                       </Grid>
                     </Grid>
@@ -318,10 +318,10 @@ const VaultApyInformation = ({ open, onClose, boost, vault, projectedBoost }: Pr
                     <>
                       {' '}
                       <Typography component="span">14-Day Historic APY</Typography>
-                      <Typography>{numberWithCommas(boost.toFixed(2))}%</Typography>
+                      <Typography>{numberWithCommas(boost?.toFixed(2))}%</Typography>
                     </>
                   ) : (
-                    <Typography> {numberWithCommas(projectedBoost.toFixed(2))}%</Typography>
+                    <Typography> {numberWithCommas(projectedBoost?.toFixed(2))}%</Typography>
                   )}
                 </Box>
               </Grid>
@@ -383,7 +383,7 @@ const VaultApyInformation = ({ open, onClose, boost, vault, projectedBoost }: Pr
                     </Grid>
                     <Grid item xs={3}>
                       <Typography align="right">
-                        {numberWithCommas((vaults.getVault(yieldSource.vaultId)?.apy.baseYield ?? 0).toFixed(2))}%
+                        {numberWithCommas((vaults.getVault(yieldSource.vaultId)?.apy.baseYield ?? 0)?.toFixed(2))}%
                       </Typography>
                     </Grid>
                   </Grid>
diff --git a/src/mobx/utils/helpers.ts b/src/mobx/utils/helpers.ts
index 7572c9a47..f44797c55 100644
--- a/src/mobx/utils/helpers.ts
+++ b/src/mobx/utils/helpers.ts
@@ -1,4 +1,7 @@
-export const numberWithCommas = (x: string): string => {
+export const numberWithCommas = (x: string | undefined): string => {
+  if (x === undefined) {
+    return '';
+  }
   const parts = x.toString().split('.');
   parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
   return parts.join('.');

From 12541a49e20d36b88af35a5e8505066e2d7f8471 Mon Sep 17 00:00:00 2001
From: mrbasado <mrbasado@protonmail.com>
Date: Tue, 20 Sep 2022 19:09:20 -0500
Subject: [PATCH 4/4] fix: fix discord link and graviaura user guide

---
 src/components-v2/InfluenceVault/InfluenceVaultUtil.tsx | 2 +-
 src/components-v2/navbar/NavbarSocialContact.tsx        | 2 +-
 src/components-v2/sidebar/index.tsx                     | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components-v2/InfluenceVault/InfluenceVaultUtil.tsx b/src/components-v2/InfluenceVault/InfluenceVaultUtil.tsx
index 1b3f11e0c..2912c4d3c 100644
--- a/src/components-v2/InfluenceVault/InfluenceVaultUtil.tsx
+++ b/src/components-v2/InfluenceVault/InfluenceVaultUtil.tsx
@@ -162,7 +162,7 @@ export const vaults: InfluenceVaultConfig[] = [
       ],
       body2: [
         'Unlike other Badger Vaults, graviAURA limits the times when users may withdraw their funds. Limited pre-unlock liquidity is available through Balancer pools containing graviAURA. Please carefully read the ',
-        '[User Guide](https://docs.badger.com/badger-finance/vaults/vault-user-guides-ethereum/vote-locked-cvx)',
+        '[User Guide](https://docs.badger.com/badger-finance/vaults/vault-user-guides-ethereum/graviaura-vote-locked-aura)',
         ' for more information.',
       ],
       swapPercentageLabel: [],
diff --git a/src/components-v2/navbar/NavbarSocialContact.tsx b/src/components-v2/navbar/NavbarSocialContact.tsx
index 272c6559a..9f3f8f80e 100644
--- a/src/components-v2/navbar/NavbarSocialContact.tsx
+++ b/src/components-v2/navbar/NavbarSocialContact.tsx
@@ -28,7 +28,7 @@ export const NavbarSocialContact = (): JSX.Element => {
     <Grid container alignItems="center" justifyContent="flex-end">
       <Grid item className={classes.iconContainer}>
         <img
-          onClick={() => window.open('https://discord.gg/xZh7zkP8E7', '_blank')}
+          onClick={() => window.open('https://discord.gg/badgerdao', '_blank')}
           className={classes.socialIcon}
           alt="Discord Icon"
           src="/assets/icons/discord.svg"
diff --git a/src/components-v2/sidebar/index.tsx b/src/components-v2/sidebar/index.tsx
index 18f6c9e61..086234169 100644
--- a/src/components-v2/sidebar/index.tsx
+++ b/src/components-v2/sidebar/index.tsx
@@ -97,7 +97,7 @@ const Sidebar = observer(() => {
       </Menu>
       <div className={classes.socialsContainer}>
         <img
-          onClick={() => window.open('https://discord.gg/xZh7zkP8E7', '_blank')}
+          onClick={() => window.open('https://discord.gg/badgerdao', '_blank')}
           className={classes.socialIcon}
           alt="Discord Icon"
           src="/assets/icons/discord.svg"