From 9fd3111c245a8d1ffda9f7a51f6093f5ebb09410 Mon Sep 17 00:00:00 2001
From: mrbasado <95517127+mrbasado@users.noreply.github.com>
Date: Mon, 10 Jul 2023 13:20:13 -0400
Subject: [PATCH] Legacy badger com changes (#2556)

* feat: disable deposit on discontinued vaults

* feat: hardcode no deposits

* feat: updated announcment + removal of old text

* feat: keep influence vaults open
---
 .../YieldBearingRewards.tsx                   |    3 -
 .../common/dialogs/VaultDeposit.tsx           |    3 +-
 src/config/constants.ts                       |    7 +-
 src/mobx/stores/VaultStore.ts                 |    4 +
 src/pages/Landing.tsx                         |    3 +-
 src/tests/__snapshots__/Landing.test.tsx.snap | 2866 ++++++++---------
 .../__snapshots__/Banner.test.tsx.snap        |   56 +-
 src/ui-library/Banner.tsx                     |   16 +-
 8 files changed, 1445 insertions(+), 1513 deletions(-)

diff --git a/src/components-v2/YieldBearingVaults/YieldBearingRewards.tsx b/src/components-v2/YieldBearingVaults/YieldBearingRewards.tsx
index 65bf02720..7f805b1fb 100644
--- a/src/components-v2/YieldBearingVaults/YieldBearingRewards.tsx
+++ b/src/components-v2/YieldBearingVaults/YieldBearingRewards.tsx
@@ -96,9 +96,6 @@ const YieldBearingRewards = observer(({ open, onModalClose }: YieldBearingReward
           the overall return on your deposits. No staking, locking, delegating, voting, bribing or claiming. Just
           earning.
         </Typography>
-        <Typography gutterBottom className={classes.contentText}>
-          Do Less, Earn More.
-        </Typography>
       </DialogContent>
     </Dialog>
   );
diff --git a/src/components-v2/common/dialogs/VaultDeposit.tsx b/src/components-v2/common/dialogs/VaultDeposit.tsx
index cc79c2fb3..00d37f734 100644
--- a/src/components-v2/common/dialogs/VaultDeposit.tsx
+++ b/src/components-v2/common/dialogs/VaultDeposit.tsx
@@ -158,7 +158,8 @@ export const VaultDeposit = observer(({ open = false, vault, depositAdvisory, on
   const deposit = TokenBalance.fromString(userBalance, amount === '' ? '0' : amount);
   const vaultCaps = user.vaultCaps[vault.vaultToken];
 
-  let canDeposit = wallet.isConnected && !!amount && deposit.tokenBalance.gt(0);
+  let canDeposit: boolean =
+    wallet.isConnected && !!amount && deposit.tokenBalance.gt(0) && vault.state !== VaultState.Discontinued;
 
   if (canDeposit && vaultCaps) {
     const vaultHasSpace = vaultCaps.totalDepositCap.gte(deposit.tokenBalance);
diff --git a/src/config/constants.ts b/src/config/constants.ts
index 5a5fd776f..b5cede3e1 100644
--- a/src/config/constants.ts
+++ b/src/config/constants.ts
@@ -58,8 +58,9 @@ function stringHash(input?: string): string | undefined {
 }
 
 // Message should be defined or explicitly undefined.
-export const APP_NEWS_MESSAGE = undefined;
+export const APP_NEWS_MESSAGE =
+  'app.badger.com has officially been migrated to legacy.badger.com and the discontinuation of all remaining vaults is in progress. To learn more about Badgers progression toward further decentralization ';
 // Text & URL should be defined or explicitly undefined.
-export const APP_NEWS_URL_TEXT = 'Learn How.';
-export const APP_NEWS_URL = 'https://docs.badger.com/assistants/removing-exposure-to-renbtc';
+export const APP_NEWS_URL_TEXT = 'Click here';
+export const APP_NEWS_URL = 'https://badgerdao.medium.com/progressing-towards-further-decentralization-25351d4d240b';
 export const APP_NEWS_STORAGE_HASH = stringHash(APP_NEWS_MESSAGE);
diff --git a/src/mobx/stores/VaultStore.ts b/src/mobx/stores/VaultStore.ts
index dbd244e4c..b4257c217 100644
--- a/src/mobx/stores/VaultStore.ts
+++ b/src/mobx/stores/VaultStore.ts
@@ -273,6 +273,10 @@ export default class VaultStore {
       return false;
     }
 
+    if (vault.state === VaultState.Discontinued) {
+      return false;
+    }
+
     return this.store.user.onGuestList(vault);
   }
 
diff --git a/src/pages/Landing.tsx b/src/pages/Landing.tsx
index c66efef71..52749a6f1 100644
--- a/src/pages/Landing.tsx
+++ b/src/pages/Landing.tsx
@@ -1,5 +1,4 @@
 import { makeStyles } from '@material-ui/core/styles';
-import VaultListTitle from 'components-v2/landing/VaultListTitle';
 import { observer } from 'mobx-react-lite';
 import React from 'react';
 
@@ -17,7 +16,7 @@ const Landing = observer(() => {
   const classes = useStyles();
   return (
     <LayoutContainer className={classes.root}>
-      <VaultListTitle />
+      {/* <VaultListTitle /> */}
       <VaultsSearchControls />
       <VaultListDisplay />
     </LayoutContainer>
diff --git a/src/tests/__snapshots__/Landing.test.tsx.snap b/src/tests/__snapshots__/Landing.test.tsx.snap
index 831c73185..9a27a8c3e 100644
--- a/src/tests/__snapshots__/Landing.test.tsx.snap
+++ b/src/tests/__snapshots__/Landing.test.tsx.snap
@@ -5,50 +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
-    </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"
                 >
@@ -58,38 +40,38 @@ exports[`Landing Renders correctly 1`] = `
                 </svg>
               </span>
               <span
-                class="MuiTouchRipple-root-638"
+                class="MuiTouchRipple-root-636"
               />
             </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"
                 >
@@ -99,38 +81,38 @@ exports[`Landing Renders correctly 1`] = `
                 </svg>
               </span>
               <span
-                class="MuiTouchRipple-root-638"
+                class="MuiTouchRipple-root-636"
               />
             </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"
                 >
@@ -140,14 +122,14 @@ exports[`Landing Renders correctly 1`] = `
                 </svg>
               </span>
               <span
-                class="MuiTouchRipple-root-638"
+                class="MuiTouchRipple-root-636"
               />
             </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>
@@ -156,28 +138,28 @@ exports[`Landing Renders correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiGrid-root-104 makeStyles-root-245 MuiGrid-container-105"
+        class="MuiGrid-root-42 makeStyles-root-213 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-216 makeStyles-formControl-214"
           >
             <label
-              class="MuiFormLabel-root-264 MuiInputLabel-root-252 MuiInputLabel-formControl-258 MuiInputLabel-animated-261 MuiInputLabel-outlined-263"
+              class="MuiFormLabel-root-232 MuiInputLabel-root-220 MuiInputLabel-formControl-226 MuiInputLabel-animated-229 MuiInputLabel-outlined-231"
               data-shrink="false"
               id="status-selector-id-label"
             >
               Status
             </label>
             <div
-              class="MuiInputBase-root-298 MuiOutlinedInput-root-283 MuiInputBase-formControl-299"
+              class="MuiInputBase-root-266 MuiOutlinedInput-root-251 MuiInputBase-formControl-267"
             >
               <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-240 MuiSelect-select-241 MuiSelect-selectMenu-244 MuiSelect-outlined-243 MuiInputBase-input-277 MuiOutlinedInput-input-261"
                 id="status-selector"
                 role="button"
                 tabindex="0"
@@ -188,14 +170,14 @@ exports[`Landing Renders correctly 1`] = `
               </div>
               <input
                 aria-hidden="true"
-                class="MuiSelect-nativeInput-282"
+                class="MuiSelect-nativeInput-250"
                 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-246 MuiSelect-iconOutlined-249"
                 focusable="false"
                 viewBox="0 0 24 24"
               >
@@ -205,10 +187,10 @@ exports[`Landing Renders correctly 1`] = `
               </svg>
               <fieldset
                 aria-hidden="true"
-                class="PrivateNotchedOutline-root-320 MuiOutlinedInput-notchedOutline-292"
+                class="PrivateNotchedOutline-root-288 MuiOutlinedInput-notchedOutline-260"
               >
                 <legend
-                  class="PrivateNotchedOutline-legendLabelled-322"
+                  class="PrivateNotchedOutline-legendLabelled-290"
                 >
                   <span>
                     Status
@@ -219,25 +201,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-216 makeStyles-formControl-292"
           >
             <label
-              class="MuiFormLabel-root-264 MuiInputLabel-root-252 MuiInputLabel-formControl-258 MuiInputLabel-animated-261 MuiInputLabel-outlined-263"
+              class="MuiFormLabel-root-232 MuiInputLabel-root-220 MuiInputLabel-formControl-226 MuiInputLabel-animated-229 MuiInputLabel-outlined-231"
               data-shrink="false"
               id="platform-selector-id-label"
             >
               Platform
             </label>
             <div
-              class="MuiInputBase-root-298 MuiOutlinedInput-root-283 MuiInputBase-formControl-299"
+              class="MuiInputBase-root-266 MuiOutlinedInput-root-251 MuiInputBase-formControl-267"
             >
               <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-240 MuiSelect-select-241 MuiSelect-selectMenu-244 MuiSelect-outlined-243 MuiInputBase-input-277 MuiOutlinedInput-input-261"
                 id="platform-selector"
                 role="button"
                 tabindex="0"
@@ -248,14 +230,14 @@ exports[`Landing Renders correctly 1`] = `
               </div>
               <input
                 aria-hidden="true"
-                class="MuiSelect-nativeInput-282"
+                class="MuiSelect-nativeInput-250"
                 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-246 MuiSelect-iconOutlined-249"
                 focusable="false"
                 viewBox="0 0 24 24"
               >
@@ -265,10 +247,10 @@ exports[`Landing Renders correctly 1`] = `
               </svg>
               <fieldset
                 aria-hidden="true"
-                class="PrivateNotchedOutline-root-320 MuiOutlinedInput-notchedOutline-292"
+                class="PrivateNotchedOutline-root-288 MuiOutlinedInput-notchedOutline-260"
               >
                 <legend
-                  class="PrivateNotchedOutline-legendLabelled-322"
+                  class="PrivateNotchedOutline-legendLabelled-290"
                 >
                   <span>
                     Platform
@@ -279,25 +261,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-216 makeStyles-formControl-294"
           >
             <label
-              class="MuiFormLabel-root-264 MuiInputLabel-root-252 MuiInputLabel-formControl-258 MuiInputLabel-animated-261 MuiInputLabel-outlined-263"
+              class="MuiFormLabel-root-232 MuiInputLabel-root-220 MuiInputLabel-formControl-226 MuiInputLabel-animated-229 MuiInputLabel-outlined-231"
               data-shrink="false"
               id="rewards-selector-id-label"
             >
               Rewards
             </label>
             <div
-              class="MuiInputBase-root-298 MuiOutlinedInput-root-283 MuiInputBase-formControl-299"
+              class="MuiInputBase-root-266 MuiOutlinedInput-root-251 MuiInputBase-formControl-267"
             >
               <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-240 MuiSelect-select-241 MuiSelect-selectMenu-244 MuiSelect-outlined-243 MuiInputBase-input-277 MuiOutlinedInput-input-261"
                 id="rewards-selector"
                 role="button"
                 tabindex="0"
@@ -308,14 +290,14 @@ exports[`Landing Renders correctly 1`] = `
               </div>
               <input
                 aria-hidden="true"
-                class="MuiSelect-nativeInput-282"
+                class="MuiSelect-nativeInput-250"
                 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-246 MuiSelect-iconOutlined-249"
                 focusable="false"
                 viewBox="0 0 24 24"
               >
@@ -325,10 +307,10 @@ exports[`Landing Renders correctly 1`] = `
               </svg>
               <fieldset
                 aria-hidden="true"
-                class="PrivateNotchedOutline-root-320 MuiOutlinedInput-notchedOutline-292"
+                class="PrivateNotchedOutline-root-288 MuiOutlinedInput-notchedOutline-260"
               >
                 <legend
-                  class="PrivateNotchedOutline-legendLabelled-322"
+                  class="PrivateNotchedOutline-legendLabelled-290"
                 >
                   <span>
                     Rewards
@@ -339,37 +321,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-216 MuiTextField-root-298 makeStyles-root-296"
           >
             <div
-              class="MuiInputBase-root-298 MuiOutlinedInput-root-283 MuiInputBase-formControl-299 MuiInputBase-adornedEnd-303 MuiOutlinedInput-adornedEnd-288"
+              class="MuiInputBase-root-266 MuiOutlinedInput-root-251 MuiInputBase-formControl-267 MuiInputBase-adornedEnd-271 MuiOutlinedInput-adornedEnd-256"
             >
               <input
                 aria-invalid="false"
                 aria-label="Vault Search"
-                class="MuiInputBase-input-309 MuiOutlinedInput-input-293 MuiInputBase-inputAdornedEnd-314 MuiOutlinedInput-inputAdornedEnd-297"
+                class="MuiInputBase-input-277 MuiOutlinedInput-input-261 MuiInputBase-inputAdornedEnd-282 MuiOutlinedInput-inputAdornedEnd-265"
                 placeholder="Search by vault name, token, rewards..."
                 type="text"
                 value=""
               />
               <div
-                class="MuiInputAdornment-root-331 MuiInputAdornment-positionEnd-334"
+                class="MuiInputAdornment-root-299 MuiInputAdornment-positionEnd-302"
               >
                 <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-297 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"
                     >
@@ -379,17 +361,17 @@ exports[`Landing Renders correctly 1`] = `
                     </svg>
                   </span>
                   <span
-                    class="MuiTouchRipple-root-638"
+                    class="MuiTouchRipple-root-636"
                   />
                 </button>
               </div>
               <fieldset
                 aria-hidden="true"
-                class="PrivateNotchedOutline-root-320 MuiOutlinedInput-notchedOutline-292"
+                class="PrivateNotchedOutline-root-288 MuiOutlinedInput-notchedOutline-260"
                 style="padding-left: 8px;"
               >
                 <legend
-                  class="PrivateNotchedOutline-legend-321"
+                  class="PrivateNotchedOutline-legend-289"
                   style="width: 0.01px;"
                 >
                   <span>
@@ -401,163 +383,163 @@ 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-306 MuiButton-text-308 MuiButton-textPrimary-309 MuiButton-fullWidth-329"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiButton-label-339"
+              class="MuiButton-label-307"
             >
               CLEAR ALL
             </span>
             <span
-              class="MuiTouchRipple-root-638"
+              class="MuiTouchRipple-root-636"
             />
           </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-365 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-367 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-358 makeStyles-columnTitle-363 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-358 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-359 makeStyles-nonSetSort-361"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-231"
+              class="MuiIconButton-label-169"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-376"
+                class="makeStyles-sortIcon-359"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-638"
+              class="MuiTouchRipple-root-636"
             />
           </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-358 makeStyles-columnTitle-363 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-359 makeStyles-nonSetSort-361"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-231"
+              class="MuiIconButton-label-169"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-376"
+                class="makeStyles-sortIcon-359"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-638"
+              class="MuiTouchRipple-root-636"
             />
           </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-358 makeStyles-columnTitle-363 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-359 makeStyles-nonSetSort-361"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-231"
+              class="MuiIconButton-label-169"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-376"
+                class="makeStyles-sortIcon-359"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-638"
+              class="MuiTouchRipple-root-636"
             />
           </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-358 makeStyles-columnTitle-363 makeStyles-tvlColumn-364 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-359 makeStyles-nonSetSort-361"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-231"
+              class="MuiIconButton-label-169"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-376"
+                class="makeStyles-sortIcon-359"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-638"
+              class="MuiTouchRipple-root-636"
             />
           </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-378 MuiGrid-root-42 makeStyles-root-369 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-373 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-379"
           >
             <img
               alt="CVX logo"
-              class="makeStyles-position-397"
+              class="makeStyles-position-380"
               height="32"
               src="/assets/icons/cvx.svg"
               width="32"
@@ -565,24 +547,24 @@ 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-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-374 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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-407 MuiChip-labelSmall-408"
                 >
                   Convex
                 </span>
@@ -591,32 +573,32 @@ 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-421 MuiBox-root-422 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-440 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-423 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-441 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-424 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -628,7 +610,7 @@ exports[`Landing Renders correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 28.32
@@ -638,26 +620,26 @@ exports[`Landing Renders correctly 1`] = `
           </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-421 MuiBox-root-461"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 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-421 MuiBox-root-465"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 MuiTypography-body1-184"
             >
               $13,738,345
             </p>
@@ -666,20 +648,20 @@ 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-378 MuiGrid-root-42 makeStyles-root-369 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-373 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-379"
           >
             <img
               alt="cvxCRV logo"
-              class="makeStyles-position-468"
+              class="makeStyles-position-466"
               height="32"
               src="/assets/icons/cvxcrv.svg"
               width="32"
@@ -687,50 +669,50 @@ 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-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-374 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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-407 MuiChip-labelSmall-408"
                 >
                   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-385 makeStyles-tag-381 makeStyles-clickableTag-383 MuiChip-sizeSmall-386"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-407 MuiChip-labelSmall-408"
                 >
                   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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-407 MuiChip-labelSmall-408"
                 >
                   🚀 Boosted
                 </span>
@@ -739,32 +721,32 @@ 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-421 MuiBox-root-467 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-470 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-468 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-471 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-469 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -776,7 +758,7 @@ exports[`Landing Renders correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 28.32
@@ -786,26 +768,26 @@ exports[`Landing Renders correctly 1`] = `
           </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-421 MuiBox-root-472"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 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-421 MuiBox-root-475"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 MuiTypography-body1-184"
             >
               $3,609,918
             </p>
@@ -814,20 +796,20 @@ 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-378 MuiGrid-root-42 makeStyles-root-369 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-373 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-379"
           >
             <img
               alt="AURA logo"
-              class="makeStyles-position-478"
+              class="makeStyles-position-476"
               height="32"
               src="/assets/icons/aura.svg"
               width="32"
@@ -835,24 +817,24 @@ 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-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-374 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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-407 MuiChip-labelSmall-408"
                 >
                   Aura
                 </span>
@@ -861,32 +843,32 @@ 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-421 MuiBox-root-477 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-480 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-478 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-481 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-479 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -898,7 +880,7 @@ exports[`Landing Renders correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 80.91
@@ -908,26 +890,26 @@ exports[`Landing Renders correctly 1`] = `
           </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-421 MuiBox-root-482"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 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-421 MuiBox-root-485"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 MuiTypography-body1-184"
             >
               $2,753,168
             </p>
@@ -936,20 +918,20 @@ 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-378 MuiGrid-root-42 makeStyles-root-369 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-373 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-379"
           >
             <img
               alt="auraBAL logo"
-              class="makeStyles-position-488"
+              class="makeStyles-position-486"
               height="32"
               src="/assets/icons/aurabal.svg"
               width="32"
@@ -957,37 +939,37 @@ 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-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-374 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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-407 MuiChip-labelSmall-408"
                 >
                   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-385 makeStyles-tag-381 makeStyles-clickableTag-383 MuiChip-sizeSmall-386"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-407 MuiChip-labelSmall-408"
                 >
                   Ecosystem Helper
                 </span>
@@ -996,32 +978,32 @@ 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-421 MuiBox-root-487 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-490 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-488 makeStyles-aprDisplay-418"
             >
               <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%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-491 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-489 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -1033,7 +1015,7 @@ exports[`Landing Renders correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 80.91
@@ -1043,26 +1025,26 @@ exports[`Landing Renders correctly 1`] = `
           </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-421 MuiBox-root-492"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 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-421 MuiBox-root-495"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 MuiTypography-body1-184"
             >
               $836,428
             </p>
@@ -1071,34 +1053,34 @@ 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-378 MuiGrid-root-42 makeStyles-root-369 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-373 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-379"
           >
             <img
               alt="auraBAL logo"
-              class="makeStyles-position-498"
+              class="makeStyles-position-496"
               height="32"
               src="/assets/icons/aurabal.svg"
               width="32"
             />
             <img
               alt="graviAURA logo"
-              class="makeStyles-position-499"
+              class="makeStyles-position-497"
               height="32"
               src="/assets/icons/graviaura.svg"
               width="32"
             />
             <img
               alt="WETH logo"
-              class="makeStyles-position-500"
+              class="makeStyles-position-498"
               height="32"
               src="/assets/icons/weth.svg"
               width="32"
@@ -1106,24 +1088,24 @@ 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-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-374 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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-407 MuiChip-labelSmall-408"
                 >
                   Aura
                 </span>
@@ -1132,32 +1114,32 @@ 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-421 MuiBox-root-499 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-502 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-500 makeStyles-aprDisplay-418"
             >
               <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%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-503 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-501 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -1169,7 +1151,7 @@ exports[`Landing Renders correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 80.91
@@ -1179,26 +1161,26 @@ exports[`Landing Renders correctly 1`] = `
           </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-421 MuiBox-root-504"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 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-421 MuiBox-root-507"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 MuiTypography-body1-184"
             >
               $106,996
             </p>
@@ -1207,27 +1189,27 @@ 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-378 MuiGrid-root-42 makeStyles-root-369 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-373 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-379"
           >
             <img
               alt="WBTC logo"
-              class="makeStyles-position-510"
+              class="makeStyles-position-508"
               height="32"
               src="/assets/icons/wbtc.svg"
               width="32"
             />
             <img
               alt="BADGER logo"
-              class="makeStyles-position-511"
+              class="makeStyles-position-509"
               height="32"
               src="/assets/icons/badger.svg"
               width="32"
@@ -1235,24 +1217,24 @@ 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-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-374 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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-407 MuiChip-labelSmall-408"
                 >
                   Aura
                 </span>
@@ -1261,32 +1243,32 @@ 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-421 MuiBox-root-510 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-513 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-511 makeStyles-aprDisplay-418"
             >
               <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%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-514 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-512 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -1298,7 +1280,7 @@ exports[`Landing Renders correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 80.91
@@ -1308,26 +1290,26 @@ exports[`Landing Renders correctly 1`] = `
           </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-421 MuiBox-root-515"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 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-421 MuiBox-root-518"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 MuiTypography-body1-184"
             >
               $2,739,793
             </p>
@@ -1336,34 +1318,34 @@ 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-378 MuiGrid-root-42 makeStyles-root-369 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-373 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-379"
           >
             <img
               alt="WBTC logo"
-              class="makeStyles-position-521"
+              class="makeStyles-position-519"
               height="32"
               src="/assets/icons/wbtc.svg"
               width="32"
             />
             <img
               alt="DIGG logo"
-              class="makeStyles-position-522"
+              class="makeStyles-position-520"
               height="32"
               src="/assets/icons/digg.svg"
               width="32"
             />
             <img
               alt="graviAURA logo"
-              class="makeStyles-position-523"
+              class="makeStyles-position-521"
               height="32"
               src="/assets/icons/graviaura.svg"
               width="32"
@@ -1371,24 +1353,24 @@ 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-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-374 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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-407 MuiChip-labelSmall-408"
                 >
                   Aura
                 </span>
@@ -1397,32 +1379,32 @@ 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-421 MuiBox-root-522 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-525 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-523 makeStyles-aprDisplay-418"
             >
               <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%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-526 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-524 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -1434,7 +1416,7 @@ exports[`Landing Renders correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 80.91
@@ -1444,26 +1426,26 @@ exports[`Landing Renders correctly 1`] = `
           </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-421 MuiBox-root-527"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 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-421 MuiBox-root-530"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 MuiTypography-body1-184"
             >
               $744,657
             </p>
@@ -1472,27 +1454,27 @@ 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-378 MuiGrid-root-42 makeStyles-root-369 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-373 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-379"
           >
             <img
               alt="CVX logo"
-              class="makeStyles-position-533"
+              class="makeStyles-position-531"
               height="32"
               src="/assets/icons/cvx.svg"
               width="32"
             />
             <img
               alt="bveCVX logo"
-              class="makeStyles-position-534"
+              class="makeStyles-position-532"
               height="32"
               src="/assets/icons/bvecvx.svg"
               width="32"
@@ -1500,24 +1482,24 @@ 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-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-374 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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-407 MuiChip-labelSmall-408"
                 >
                   Curve
                 </span>
@@ -1526,32 +1508,32 @@ 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-421 MuiBox-root-533 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-536 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-534 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-537 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-535 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -1563,7 +1545,7 @@ exports[`Landing Renders correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 28.32
@@ -1573,26 +1555,26 @@ exports[`Landing Renders correctly 1`] = `
           </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-421 MuiBox-root-538"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 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-421 MuiBox-root-541"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 MuiTypography-body1-184"
             >
               $832,345
             </p>
@@ -1601,27 +1583,27 @@ 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-378 MuiGrid-root-42 makeStyles-root-369 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-373 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-379"
           >
             <img
               alt="wibBTC logo"
-              class="makeStyles-position-544"
+              class="makeStyles-position-542"
               height="32"
               src="/assets/icons/wibbtc.svg"
               width="32"
             />
             <img
               alt="crvRenWSBTC logo"
-              class="makeStyles-position-545"
+              class="makeStyles-position-543"
               height="32"
               src="/assets/icons/crvrenwsbtc.svg"
               width="32"
@@ -1629,37 +1611,37 @@ 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-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-374 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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-407 MuiChip-labelSmall-408"
                 >
                   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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-407 MuiChip-labelSmall-408"
                 >
                   🚀 Boosted
                 </span>
@@ -1668,32 +1650,32 @@ 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-421 MuiBox-root-544 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-547 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-545 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-548 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-546 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -1705,7 +1687,7 @@ exports[`Landing Renders correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 28.32
@@ -1715,26 +1697,26 @@ exports[`Landing Renders correctly 1`] = `
           </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-421 MuiBox-root-549"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 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-421 MuiBox-root-552"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 MuiTypography-body1-184"
             >
               $19,814,734
             </p>
@@ -1743,27 +1725,27 @@ 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-378 MuiGrid-root-42 makeStyles-root-369 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-373 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-379"
           >
             <img
               alt="BADGER logo"
-              class="makeStyles-position-555"
+              class="makeStyles-position-553"
               height="32"
               src="/assets/icons/badger.svg"
               width="32"
             />
             <img
               alt="WBTC logo"
-              class="makeStyles-position-556"
+              class="makeStyles-position-554"
               height="32"
               src="/assets/icons/wbtc.svg"
               width="32"
@@ -1771,24 +1753,24 @@ 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-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-374 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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-407 MuiChip-labelSmall-408"
                 >
                   Convex
                 </span>
@@ -1797,32 +1779,32 @@ 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-421 MuiBox-root-555 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-558 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-556 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-559 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-557 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -1834,7 +1816,7 @@ exports[`Landing Renders correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 28.32
@@ -1844,26 +1826,26 @@ exports[`Landing Renders correctly 1`] = `
           </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-421 MuiBox-root-560"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 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-421 MuiBox-root-563"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 MuiTypography-body1-184"
             >
               $2,708,612
             </p>
@@ -1872,27 +1854,27 @@ 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-378 MuiGrid-root-42 makeStyles-root-369 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-373 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-379"
           >
             <img
               alt="WBTC logo"
-              class="makeStyles-position-566"
+              class="makeStyles-position-564"
               height="32"
               src="/assets/icons/wbtc.svg"
               width="32"
             />
             <img
               alt="BADGER logo"
-              class="makeStyles-position-567"
+              class="makeStyles-position-565"
               height="32"
               src="/assets/icons/badger.svg"
               width="32"
@@ -1900,24 +1882,24 @@ 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-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-374 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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-407 MuiChip-labelSmall-408"
                 >
                   Sushiswap
                 </span>
@@ -1926,22 +1908,22 @@ 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-421 MuiBox-root-566 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-569 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-567 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
@@ -1950,26 +1932,26 @@ exports[`Landing Renders correctly 1`] = `
           </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-421 MuiBox-root-570"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 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-421 MuiBox-root-573"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 MuiTypography-body1-184"
             >
               $1,224,135
             </p>
@@ -1978,20 +1960,20 @@ 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-378 MuiGrid-root-42 makeStyles-root-369 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-373 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-379"
           >
             <img
               alt="WBTC logo"
-              class="makeStyles-position-576"
+              class="makeStyles-position-574"
               height="32"
               src="/assets/icons/wbtc.svg"
               width="32"
@@ -1999,24 +1981,24 @@ 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-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-374 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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-407 MuiChip-labelSmall-408"
                 >
                   Yearn
                 </span>
@@ -2025,22 +2007,22 @@ 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-421 MuiBox-root-575 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-578 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-576 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
@@ -2049,26 +2031,26 @@ exports[`Landing Renders correctly 1`] = `
           </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-421 MuiBox-root-579"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 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-421 MuiBox-root-582"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 MuiTypography-body1-184"
             >
               $1,565,378
             </p>
@@ -2077,27 +2059,27 @@ 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-378 MuiGrid-root-42 makeStyles-root-369 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-373 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-379"
           >
             <img
               alt="WBTC logo"
-              class="makeStyles-position-585"
+              class="makeStyles-position-583"
               height="32"
               src="/assets/icons/wbtc.svg"
               width="32"
             />
             <img
               alt="WETH logo"
-              class="makeStyles-position-586"
+              class="makeStyles-position-584"
               height="32"
               src="/assets/icons/weth.svg"
               width="32"
@@ -2105,24 +2087,24 @@ 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-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-374 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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-407 MuiChip-labelSmall-408"
                 >
                   Sushiswap
                 </span>
@@ -2131,22 +2113,22 @@ 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-421 MuiBox-root-585 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-588 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-586 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
@@ -2155,26 +2137,26 @@ exports[`Landing Renders correctly 1`] = `
           </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-421 MuiBox-root-589"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 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-421 MuiBox-root-592"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 MuiTypography-body1-184"
             >
               $7,835,152
             </p>
@@ -2183,34 +2165,34 @@ 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-378 MuiGrid-root-42 makeStyles-root-369 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-373 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-379"
           >
             <img
               alt="bb-a-USDT logo"
-              class="makeStyles-position-595"
+              class="makeStyles-position-593"
               height="32"
               src="/assets/icons/bb-a-usdt.svg"
               width="32"
             />
             <img
               alt="bb-a-DAI logo"
-              class="makeStyles-position-596"
+              class="makeStyles-position-594"
               height="32"
               src="/assets/icons/bb-a-dai.svg"
               width="32"
             />
             <img
               alt="bb-a-USDC logo"
-              class="makeStyles-position-597"
+              class="makeStyles-position-595"
               height="32"
               src="/assets/icons/bb-a-usdc.svg"
               width="32"
@@ -2218,24 +2200,24 @@ 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-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-374 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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-407 MuiChip-labelSmall-408"
                 >
                   Aura
                 </span>
@@ -2244,32 +2226,32 @@ 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-421 MuiBox-root-596 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-599 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-597 makeStyles-aprDisplay-418"
             >
               <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%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-600 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-598 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -2281,7 +2263,7 @@ exports[`Landing Renders correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 80.91
@@ -2291,26 +2273,26 @@ exports[`Landing Renders correctly 1`] = `
           </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-421 MuiBox-root-601"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 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-421 MuiBox-root-604"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 MuiTypography-body1-184"
             >
               $204,737
             </p>
@@ -2319,27 +2301,27 @@ 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-378 MuiGrid-root-42 makeStyles-root-369 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-373 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-379"
           >
             <img
               alt="renBTC logo"
-              class="makeStyles-position-607"
+              class="makeStyles-position-605"
               height="32"
               src="/assets/icons/renbtc.svg"
               width="32"
             />
             <img
               alt="WBTC logo"
-              class="makeStyles-position-608"
+              class="makeStyles-position-606"
               height="32"
               src="/assets/icons/wbtc.svg"
               width="32"
@@ -2347,24 +2329,24 @@ 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-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-374 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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-407 MuiChip-labelSmall-408"
                 >
                   Convex
                 </span>
@@ -2373,32 +2355,32 @@ 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-421 MuiBox-root-607 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-610 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-608 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-611 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-609 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -2410,7 +2392,7 @@ exports[`Landing Renders correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 28.32
@@ -2420,26 +2402,26 @@ exports[`Landing Renders correctly 1`] = `
           </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-421 MuiBox-root-612"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 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-421 MuiBox-root-615"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 MuiTypography-body1-184"
             >
               $13,628,486
             </p>
@@ -2448,34 +2430,34 @@ 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-378 MuiGrid-root-42 makeStyles-root-369 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-373 MuiGrid-container-43 MuiGrid-item-44 MuiGrid-grid-xs-auto-75"
         >
           <div
-            class="makeStyles-root-396"
+            class="makeStyles-root-379"
           >
             <img
               alt="USDT logo"
-              class="makeStyles-position-618"
+              class="makeStyles-position-616"
               height="32"
               src="/assets/icons/usdt.svg"
               width="32"
             />
             <img
               alt="WBTC logo"
-              class="makeStyles-position-619"
+              class="makeStyles-position-617"
               height="32"
               src="/assets/icons/wbtc.svg"
               width="32"
             />
             <img
               alt="WETH logo"
-              class="makeStyles-position-620"
+              class="makeStyles-position-618"
               height="32"
               src="/assets/icons/weth.svg"
               width="32"
@@ -2483,24 +2465,24 @@ 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-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-374 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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
               >
                 <span
-                  class="MuiChip-label-424 MuiChip-labelSmall-425"
+                  class="MuiChip-label-407 MuiChip-labelSmall-408"
                 >
                   Convex
                 </span>
@@ -2509,32 +2491,32 @@ 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-421 MuiBox-root-619 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-622 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-620 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-623 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-621 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -2546,7 +2528,7 @@ exports[`Landing Renders correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 28.32
@@ -2556,26 +2538,26 @@ exports[`Landing Renders correctly 1`] = `
           </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-421 MuiBox-root-624"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 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-421 MuiBox-root-627"
           >
             <p
-              class="MuiTypography-root-13 makeStyles-itemText-388 MuiTypography-body1-15"
+              class="MuiTypography-root-182 makeStyles-itemText-371 MuiTypography-body1-184"
             >
               $817,047
             </p>
@@ -2592,52 +2574,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
-    </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"
                 >
@@ -2647,14 +2611,14 @@ exports[`Landing Renders mobile version correctly 1`] = `
                 </svg>
               </span>
               <span
-                class="MuiTouchRipple-root-640"
+                class="MuiTouchRipple-root-638"
               />
             </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>
@@ -2662,24 +2626,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-306 MuiButton-text-308 makeStyles-button-636"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiButton-label-339 makeStyles-buttonLabel-639"
+              class="MuiButton-label-307 makeStyles-buttonLabel-637"
             >
               <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"
               >
@@ -2689,193 +2653,193 @@ exports[`Landing Renders mobile version correctly 1`] = `
               </svg>
             </span>
             <span
-              class="MuiTouchRipple-root-640"
+              class="MuiTouchRipple-root-638"
             />
           </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-365 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-367 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-358 makeStyles-columnTitle-363 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-358 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-359 makeStyles-nonSetSort-361"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-231"
+              class="MuiIconButton-label-169"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-376"
+                class="makeStyles-sortIcon-359"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-640"
+              class="MuiTouchRipple-root-638"
             />
           </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-358 makeStyles-columnTitle-363 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-359 makeStyles-nonSetSort-361"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-231"
+              class="MuiIconButton-label-169"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-376"
+                class="makeStyles-sortIcon-359"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-640"
+              class="MuiTouchRipple-root-638"
             />
           </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-358 makeStyles-columnTitle-363 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-359 makeStyles-nonSetSort-361"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-231"
+              class="MuiIconButton-label-169"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-376"
+                class="makeStyles-sortIcon-359"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-640"
+              class="MuiTouchRipple-root-638"
             />
           </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-358 makeStyles-columnTitle-363 makeStyles-tvlColumn-364 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-359 makeStyles-nonSetSort-361"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-231"
+              class="MuiIconButton-label-169"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-376"
+                class="makeStyles-sortIcon-359"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-640"
+              class="MuiTouchRipple-root-638"
             />
           </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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="CVX logo"
-            class="makeStyles-position-654"
+            class="makeStyles-position-652"
             height="32"
             src="/assets/icons/cvx.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-655 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-653 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-656 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-654 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-657 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-655 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -2887,7 +2851,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 28.32
@@ -2897,18 +2861,18 @@ exports[`Landing Renders mobile version correctly 1`] = `
           </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-660"
+            class="MuiBox-root-421 MuiBox-root-658"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $6,450.00
             </p>
@@ -2916,19 +2880,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 Convex
               </span>
@@ -2938,63 +2902,63 @@ 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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="cvxCRV logo"
-            class="makeStyles-position-661"
+            class="makeStyles-position-659"
             height="32"
             src="/assets/icons/cvxcrv.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-662 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-660 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-663 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-661 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-664 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-662 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -3006,7 +2970,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 28.32
@@ -3016,18 +2980,18 @@ exports[`Landing Renders mobile version correctly 1`] = `
           </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-667"
+            class="MuiBox-root-421 MuiBox-root-665"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $1,712.37
             </p>
@@ -3035,45 +2999,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 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-385 makeStyles-tag-381 makeStyles-clickableTag-383 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 🚀 Boosted
               </span>
@@ -3083,63 +3047,63 @@ 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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="AURA logo"
-            class="makeStyles-position-668"
+            class="makeStyles-position-666"
             height="32"
             src="/assets/icons/aura.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-669 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-667 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-670 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-668 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-671 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-669 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -3151,7 +3115,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 80.91
@@ -3161,18 +3125,18 @@ exports[`Landing Renders mobile version correctly 1`] = `
           </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-674"
+            class="MuiBox-root-421 MuiBox-root-672"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -3180,19 +3144,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 Aura
               </span>
@@ -3202,63 +3166,63 @@ 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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="auraBAL logo"
-            class="makeStyles-position-675"
+            class="makeStyles-position-673"
             height="32"
             src="/assets/icons/aurabal.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-676 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-674 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-677 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-675 makeStyles-aprDisplay-418"
             >
               <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%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-678 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-676 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -3270,7 +3234,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 80.91
@@ -3280,18 +3244,18 @@ exports[`Landing Renders mobile version correctly 1`] = `
           </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-681"
+            class="MuiBox-root-421 MuiBox-root-679"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -3299,32 +3263,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 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-385 makeStyles-tag-381 makeStyles-clickableTag-383 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 Ecosystem Helper
               </span>
@@ -3334,77 +3298,77 @@ 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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="auraBAL logo"
-            class="makeStyles-position-682"
+            class="makeStyles-position-680"
             height="32"
             src="/assets/icons/aurabal.svg"
             width="32"
           />
           <img
             alt="graviAURA logo"
-            class="makeStyles-position-683"
+            class="makeStyles-position-681"
             height="32"
             src="/assets/icons/graviaura.svg"
             width="32"
           />
           <img
             alt="WETH logo"
-            class="makeStyles-position-684"
+            class="makeStyles-position-682"
             height="32"
             src="/assets/icons/weth.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-685 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-683 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-686 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-684 makeStyles-aprDisplay-418"
             >
               <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%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-687 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-685 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -3416,7 +3380,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 80.91
@@ -3426,18 +3390,18 @@ exports[`Landing Renders mobile version correctly 1`] = `
           </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-690"
+            class="MuiBox-root-421 MuiBox-root-688"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -3445,19 +3409,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 Aura
               </span>
@@ -3467,70 +3431,70 @@ 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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-691"
+            class="makeStyles-position-689"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
           />
           <img
             alt="BADGER logo"
-            class="makeStyles-position-692"
+            class="makeStyles-position-690"
             height="32"
             src="/assets/icons/badger.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-693 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-691 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-694 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-692 makeStyles-aprDisplay-418"
             >
               <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%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-695 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-693 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -3542,7 +3506,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 80.91
@@ -3552,18 +3516,18 @@ exports[`Landing Renders mobile version correctly 1`] = `
           </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-698"
+            class="MuiBox-root-421 MuiBox-root-696"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -3571,19 +3535,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 Aura
               </span>
@@ -3593,77 +3557,77 @@ 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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-699"
+            class="makeStyles-position-697"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
           />
           <img
             alt="DIGG logo"
-            class="makeStyles-position-700"
+            class="makeStyles-position-698"
             height="32"
             src="/assets/icons/digg.svg"
             width="32"
           />
           <img
             alt="graviAURA logo"
-            class="makeStyles-position-701"
+            class="makeStyles-position-699"
             height="32"
             src="/assets/icons/graviaura.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-702 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-700 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-703 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-701 makeStyles-aprDisplay-418"
             >
               <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%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-704 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-702 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -3675,7 +3639,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 80.91
@@ -3685,18 +3649,18 @@ exports[`Landing Renders mobile version correctly 1`] = `
           </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-707"
+            class="MuiBox-root-421 MuiBox-root-705"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -3704,19 +3668,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 Aura
               </span>
@@ -3726,70 +3690,70 @@ 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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="CVX logo"
-            class="makeStyles-position-708"
+            class="makeStyles-position-706"
             height="32"
             src="/assets/icons/cvx.svg"
             width="32"
           />
           <img
             alt="bveCVX logo"
-            class="makeStyles-position-709"
+            class="makeStyles-position-707"
             height="32"
             src="/assets/icons/bvecvx.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-710 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-708 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-711 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-709 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-712 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-710 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -3801,7 +3765,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 28.32
@@ -3811,18 +3775,18 @@ exports[`Landing Renders mobile version correctly 1`] = `
           </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-715"
+            class="MuiBox-root-421 MuiBox-root-713"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -3830,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 Curve
               </span>
@@ -3852,70 +3816,70 @@ 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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="wibBTC logo"
-            class="makeStyles-position-716"
+            class="makeStyles-position-714"
             height="32"
             src="/assets/icons/wibbtc.svg"
             width="32"
           />
           <img
             alt="crvRenWSBTC logo"
-            class="makeStyles-position-717"
+            class="makeStyles-position-715"
             height="32"
             src="/assets/icons/crvrenwsbtc.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-718 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-716 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-719 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-717 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-720 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-718 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -3927,7 +3891,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 28.32
@@ -3937,18 +3901,18 @@ exports[`Landing Renders mobile version correctly 1`] = `
           </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-723"
+            class="MuiBox-root-421 MuiBox-root-721"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -3956,32 +3920,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 🚀 Boosted
               </span>
@@ -3991,70 +3955,70 @@ 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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="BADGER logo"
-            class="makeStyles-position-724"
+            class="makeStyles-position-722"
             height="32"
             src="/assets/icons/badger.svg"
             width="32"
           />
           <img
             alt="WBTC logo"
-            class="makeStyles-position-725"
+            class="makeStyles-position-723"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-726 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-724 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-727 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-725 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-728 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-726 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -4066,7 +4030,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 28.32
@@ -4076,18 +4040,18 @@ exports[`Landing Renders mobile version correctly 1`] = `
           </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-731"
+            class="MuiBox-root-421 MuiBox-root-729"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -4095,19 +4059,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 Convex
               </span>
@@ -4117,60 +4081,60 @@ 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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-732"
+            class="makeStyles-position-730"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
           />
           <img
             alt="BADGER logo"
-            class="makeStyles-position-733"
+            class="makeStyles-position-731"
             height="32"
             src="/assets/icons/badger.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-734 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-732 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-735 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-733 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
@@ -4179,18 +4143,18 @@ exports[`Landing Renders mobile version correctly 1`] = `
           </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-738"
+            class="MuiBox-root-421 MuiBox-root-736"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -4198,19 +4162,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 Sushiswap
               </span>
@@ -4220,53 +4184,53 @@ 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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-739"
+            class="makeStyles-position-737"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-740 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-738 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-741 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-739 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
@@ -4275,18 +4239,18 @@ exports[`Landing Renders mobile version correctly 1`] = `
           </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-744"
+            class="MuiBox-root-421 MuiBox-root-742"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -4294,19 +4258,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 Yearn
               </span>
@@ -4316,60 +4280,60 @@ 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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-745"
+            class="makeStyles-position-743"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
           />
           <img
             alt="WETH logo"
-            class="makeStyles-position-746"
+            class="makeStyles-position-744"
             height="32"
             src="/assets/icons/weth.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-747 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-745 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-748 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-746 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
@@ -4378,18 +4342,18 @@ exports[`Landing Renders mobile version correctly 1`] = `
           </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-751"
+            class="MuiBox-root-421 MuiBox-root-749"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -4397,19 +4361,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 Sushiswap
               </span>
@@ -4419,77 +4383,77 @@ 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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="bb-a-USDT logo"
-            class="makeStyles-position-752"
+            class="makeStyles-position-750"
             height="32"
             src="/assets/icons/bb-a-usdt.svg"
             width="32"
           />
           <img
             alt="bb-a-DAI logo"
-            class="makeStyles-position-753"
+            class="makeStyles-position-751"
             height="32"
             src="/assets/icons/bb-a-dai.svg"
             width="32"
           />
           <img
             alt="bb-a-USDC logo"
-            class="makeStyles-position-754"
+            class="makeStyles-position-752"
             height="32"
             src="/assets/icons/bb-a-usdc.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-755 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-753 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-756 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-754 makeStyles-aprDisplay-418"
             >
               <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%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-757 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-755 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -4501,7 +4465,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 80.91
@@ -4511,18 +4475,18 @@ exports[`Landing Renders mobile version correctly 1`] = `
           </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-760"
+            class="MuiBox-root-421 MuiBox-root-758"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -4530,19 +4494,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 Aura
               </span>
@@ -4552,70 +4516,70 @@ 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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="renBTC logo"
-            class="makeStyles-position-761"
+            class="makeStyles-position-759"
             height="32"
             src="/assets/icons/renbtc.svg"
             width="32"
           />
           <img
             alt="WBTC logo"
-            class="makeStyles-position-762"
+            class="makeStyles-position-760"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-763 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-761 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-764 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-762 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-765 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-763 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -4627,7 +4591,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 28.32
@@ -4637,18 +4601,18 @@ exports[`Landing Renders mobile version correctly 1`] = `
           </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-768"
+            class="MuiBox-root-421 MuiBox-root-766"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -4656,19 +4620,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 Convex
               </span>
@@ -4678,77 +4642,77 @@ 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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="USDT logo"
-            class="makeStyles-position-769"
+            class="makeStyles-position-767"
             height="32"
             src="/assets/icons/usdt.svg"
             width="32"
           />
           <img
             alt="WBTC logo"
-            class="makeStyles-position-770"
+            class="makeStyles-position-768"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
           />
           <img
             alt="WETH logo"
-            class="makeStyles-position-771"
+            class="makeStyles-position-769"
             height="32"
             src="/assets/icons/weth.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-772 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-770 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-773 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-771 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-774 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-772 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -4760,7 +4724,7 @@ exports[`Landing Renders mobile version correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 28.32
@@ -4770,18 +4734,18 @@ exports[`Landing Renders mobile version correctly 1`] = `
           </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-777"
+            class="MuiBox-root-421 MuiBox-root-775"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -4789,19 +4753,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 Convex
               </span>
@@ -4819,52 +4783,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
-    </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"
                 >
@@ -4874,14 +4820,14 @@ exports[`Landing Renders tablet version correctly 1`] = `
                 </svg>
               </span>
               <span
-                class="MuiTouchRipple-root-640"
+                class="MuiTouchRipple-root-638"
               />
             </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>
@@ -4889,24 +4835,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-306 MuiButton-text-308 makeStyles-button-636"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiButton-label-339 makeStyles-buttonLabel-639"
+              class="MuiButton-label-307 makeStyles-buttonLabel-637"
             >
               <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"
               >
@@ -4916,193 +4862,193 @@ exports[`Landing Renders tablet version correctly 1`] = `
               </svg>
             </span>
             <span
-              class="MuiTouchRipple-root-640"
+              class="MuiTouchRipple-root-638"
             />
           </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-365 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-367 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-358 makeStyles-columnTitle-363 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-358 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-359 makeStyles-nonSetSort-361"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-231"
+              class="MuiIconButton-label-169"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-376"
+                class="makeStyles-sortIcon-359"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-640"
+              class="MuiTouchRipple-root-638"
             />
           </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-358 makeStyles-columnTitle-363 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-359 makeStyles-nonSetSort-361"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-231"
+              class="MuiIconButton-label-169"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-376"
+                class="makeStyles-sortIcon-359"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-640"
+              class="MuiTouchRipple-root-638"
             />
           </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-358 makeStyles-columnTitle-363 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-359 makeStyles-nonSetSort-361"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-231"
+              class="MuiIconButton-label-169"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-376"
+                class="makeStyles-sortIcon-359"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-640"
+              class="MuiTouchRipple-root-638"
             />
           </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-358 makeStyles-columnTitle-363 makeStyles-tvlColumn-364 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-359 makeStyles-nonSetSort-361"
             tabindex="0"
             type="button"
           >
             <span
-              class="MuiIconButton-label-231"
+              class="MuiIconButton-label-169"
             >
               <img
                 alt="sort-icon"
-                class="makeStyles-sortIcon-376"
+                class="makeStyles-sortIcon-359"
                 src="/assets/icons/vaults-sort-icon.svg"
               />
             </span>
             <span
-              class="MuiTouchRipple-root-640"
+              class="MuiTouchRipple-root-638"
             />
           </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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="CVX logo"
-            class="makeStyles-position-654"
+            class="makeStyles-position-652"
             height="32"
             src="/assets/icons/cvx.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-655 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-653 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-656 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-654 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-657 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-655 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -5114,7 +5060,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 28.32
@@ -5124,18 +5070,18 @@ exports[`Landing Renders tablet version correctly 1`] = `
           </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-660"
+            class="MuiBox-root-421 MuiBox-root-658"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $6,450.00
             </p>
@@ -5143,19 +5089,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 Convex
               </span>
@@ -5165,63 +5111,63 @@ 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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="cvxCRV logo"
-            class="makeStyles-position-661"
+            class="makeStyles-position-659"
             height="32"
             src="/assets/icons/cvxcrv.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-662 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-660 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-663 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-661 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-664 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-662 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -5233,7 +5179,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 28.32
@@ -5243,18 +5189,18 @@ exports[`Landing Renders tablet version correctly 1`] = `
           </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-667"
+            class="MuiBox-root-421 MuiBox-root-665"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $1,712.37
             </p>
@@ -5262,45 +5208,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 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-385 makeStyles-tag-381 makeStyles-clickableTag-383 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 🚀 Boosted
               </span>
@@ -5310,63 +5256,63 @@ 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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="AURA logo"
-            class="makeStyles-position-668"
+            class="makeStyles-position-666"
             height="32"
             src="/assets/icons/aura.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-669 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-667 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-670 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-668 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-671 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-669 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -5378,7 +5324,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 80.91
@@ -5388,18 +5334,18 @@ exports[`Landing Renders tablet version correctly 1`] = `
           </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-674"
+            class="MuiBox-root-421 MuiBox-root-672"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -5407,19 +5353,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 Aura
               </span>
@@ -5429,63 +5375,63 @@ 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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="auraBAL logo"
-            class="makeStyles-position-675"
+            class="makeStyles-position-673"
             height="32"
             src="/assets/icons/aurabal.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-676 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-674 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-677 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-675 makeStyles-aprDisplay-418"
             >
               <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%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-678 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-676 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -5497,7 +5443,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 80.91
@@ -5507,18 +5453,18 @@ exports[`Landing Renders tablet version correctly 1`] = `
           </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-681"
+            class="MuiBox-root-421 MuiBox-root-679"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -5526,32 +5472,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 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-385 makeStyles-tag-381 makeStyles-clickableTag-383 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 Ecosystem Helper
               </span>
@@ -5561,77 +5507,77 @@ 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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="auraBAL logo"
-            class="makeStyles-position-682"
+            class="makeStyles-position-680"
             height="32"
             src="/assets/icons/aurabal.svg"
             width="32"
           />
           <img
             alt="graviAURA logo"
-            class="makeStyles-position-683"
+            class="makeStyles-position-681"
             height="32"
             src="/assets/icons/graviaura.svg"
             width="32"
           />
           <img
             alt="WETH logo"
-            class="makeStyles-position-684"
+            class="makeStyles-position-682"
             height="32"
             src="/assets/icons/weth.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-685 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-683 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-686 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-684 makeStyles-aprDisplay-418"
             >
               <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%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-687 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-685 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -5643,7 +5589,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 80.91
@@ -5653,18 +5599,18 @@ exports[`Landing Renders tablet version correctly 1`] = `
           </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-690"
+            class="MuiBox-root-421 MuiBox-root-688"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -5672,19 +5618,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 Aura
               </span>
@@ -5694,70 +5640,70 @@ 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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-691"
+            class="makeStyles-position-689"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
           />
           <img
             alt="BADGER logo"
-            class="makeStyles-position-692"
+            class="makeStyles-position-690"
             height="32"
             src="/assets/icons/badger.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-693 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-691 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-694 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-692 makeStyles-aprDisplay-418"
             >
               <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%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-695 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-693 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -5769,7 +5715,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 80.91
@@ -5779,18 +5725,18 @@ exports[`Landing Renders tablet version correctly 1`] = `
           </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-698"
+            class="MuiBox-root-421 MuiBox-root-696"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -5798,19 +5744,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 Aura
               </span>
@@ -5820,77 +5766,77 @@ 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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-699"
+            class="makeStyles-position-697"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
           />
           <img
             alt="DIGG logo"
-            class="makeStyles-position-700"
+            class="makeStyles-position-698"
             height="32"
             src="/assets/icons/digg.svg"
             width="32"
           />
           <img
             alt="graviAURA logo"
-            class="makeStyles-position-701"
+            class="makeStyles-position-699"
             height="32"
             src="/assets/icons/graviaura.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-702 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-700 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-703 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-701 makeStyles-aprDisplay-418"
             >
               <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%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-704 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-702 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -5902,7 +5848,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 80.91
@@ -5912,18 +5858,18 @@ exports[`Landing Renders tablet version correctly 1`] = `
           </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-707"
+            class="MuiBox-root-421 MuiBox-root-705"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -5931,19 +5877,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 Aura
               </span>
@@ -5953,70 +5899,70 @@ 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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="CVX logo"
-            class="makeStyles-position-708"
+            class="makeStyles-position-706"
             height="32"
             src="/assets/icons/cvx.svg"
             width="32"
           />
           <img
             alt="bveCVX logo"
-            class="makeStyles-position-709"
+            class="makeStyles-position-707"
             height="32"
             src="/assets/icons/bvecvx.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-710 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-708 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-711 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-709 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-712 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-710 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -6028,7 +5974,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 28.32
@@ -6038,18 +5984,18 @@ exports[`Landing Renders tablet version correctly 1`] = `
           </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-715"
+            class="MuiBox-root-421 MuiBox-root-713"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -6057,19 +6003,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 Curve
               </span>
@@ -6079,70 +6025,70 @@ 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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="wibBTC logo"
-            class="makeStyles-position-716"
+            class="makeStyles-position-714"
             height="32"
             src="/assets/icons/wibbtc.svg"
             width="32"
           />
           <img
             alt="crvRenWSBTC logo"
-            class="makeStyles-position-717"
+            class="makeStyles-position-715"
             height="32"
             src="/assets/icons/crvrenwsbtc.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-718 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-716 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-719 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-717 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-720 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-718 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -6154,7 +6100,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 28.32
@@ -6164,18 +6110,18 @@ exports[`Landing Renders tablet version correctly 1`] = `
           </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-723"
+            class="MuiBox-root-421 MuiBox-root-721"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -6183,32 +6129,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 🚀 Boosted
               </span>
@@ -6218,70 +6164,70 @@ 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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="BADGER logo"
-            class="makeStyles-position-724"
+            class="makeStyles-position-722"
             height="32"
             src="/assets/icons/badger.svg"
             width="32"
           />
           <img
             alt="WBTC logo"
-            class="makeStyles-position-725"
+            class="makeStyles-position-723"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-726 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-724 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-727 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-725 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-728 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-726 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -6293,7 +6239,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 28.32
@@ -6303,18 +6249,18 @@ exports[`Landing Renders tablet version correctly 1`] = `
           </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-731"
+            class="MuiBox-root-421 MuiBox-root-729"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -6322,19 +6268,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 Convex
               </span>
@@ -6344,60 +6290,60 @@ 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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-732"
+            class="makeStyles-position-730"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
           />
           <img
             alt="BADGER logo"
-            class="makeStyles-position-733"
+            class="makeStyles-position-731"
             height="32"
             src="/assets/icons/badger.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-734 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-732 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-735 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-733 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
@@ -6406,18 +6352,18 @@ exports[`Landing Renders tablet version correctly 1`] = `
           </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-738"
+            class="MuiBox-root-421 MuiBox-root-736"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -6425,19 +6371,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 Sushiswap
               </span>
@@ -6447,53 +6393,53 @@ 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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-739"
+            class="makeStyles-position-737"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-740 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-738 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-741 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-739 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
@@ -6502,18 +6448,18 @@ exports[`Landing Renders tablet version correctly 1`] = `
           </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-744"
+            class="MuiBox-root-421 MuiBox-root-742"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -6521,19 +6467,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 Yearn
               </span>
@@ -6543,60 +6489,60 @@ 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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="WBTC logo"
-            class="makeStyles-position-745"
+            class="makeStyles-position-743"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
           />
           <img
             alt="WETH logo"
-            class="makeStyles-position-746"
+            class="makeStyles-position-744"
             height="32"
             src="/assets/icons/weth.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-747 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-745 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-748 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-746 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
@@ -6605,18 +6551,18 @@ exports[`Landing Renders tablet version correctly 1`] = `
           </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-751"
+            class="MuiBox-root-421 MuiBox-root-749"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -6624,19 +6570,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 Sushiswap
               </span>
@@ -6646,77 +6592,77 @@ 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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="bb-a-USDT logo"
-            class="makeStyles-position-752"
+            class="makeStyles-position-750"
             height="32"
             src="/assets/icons/bb-a-usdt.svg"
             width="32"
           />
           <img
             alt="bb-a-DAI logo"
-            class="makeStyles-position-753"
+            class="makeStyles-position-751"
             height="32"
             src="/assets/icons/bb-a-dai.svg"
             width="32"
           />
           <img
             alt="bb-a-USDC logo"
-            class="makeStyles-position-754"
+            class="makeStyles-position-752"
             height="32"
             src="/assets/icons/bb-a-usdc.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-755 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-753 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-756 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-754 makeStyles-aprDisplay-418"
             >
               <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%
               </p>
               <img
                 alt="apy info icon"
-                class="makeStyles-apyInfo-434"
+                class="makeStyles-apyInfo-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-757 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-755 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -6728,7 +6674,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 80.91
@@ -6738,18 +6684,18 @@ exports[`Landing Renders tablet version correctly 1`] = `
           </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-760"
+            class="MuiBox-root-421 MuiBox-root-758"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -6757,19 +6703,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 Aura
               </span>
@@ -6779,70 +6725,70 @@ 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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="renBTC logo"
-            class="makeStyles-position-761"
+            class="makeStyles-position-759"
             height="32"
             src="/assets/icons/renbtc.svg"
             width="32"
           />
           <img
             alt="WBTC logo"
-            class="makeStyles-position-762"
+            class="makeStyles-position-760"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-763 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-761 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-764 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-762 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-765 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-763 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -6854,7 +6800,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 28.32
@@ -6864,18 +6810,18 @@ exports[`Landing Renders tablet version correctly 1`] = `
           </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-768"
+            class="MuiBox-root-421 MuiBox-root-766"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -6883,19 +6829,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 Convex
               </span>
@@ -6905,77 +6851,77 @@ 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-378 MuiGrid-root-42 makeStyles-root-648 MuiGrid-container-43 MuiGrid-direction-xs-column-46 MuiPaper-elevation1-18 MuiPaper-rounded-15"
     >
       <div
-        class="MuiGrid-root-104 makeStyles-logoContainer-653 MuiGrid-container-105 MuiGrid-item-106"
+        class="MuiGrid-root-42 makeStyles-logoContainer-651 MuiGrid-container-43 MuiGrid-item-44"
       >
         <div
-          class="makeStyles-root-396"
+          class="makeStyles-root-379"
         >
           <img
             alt="USDT logo"
-            class="makeStyles-position-769"
+            class="makeStyles-position-767"
             height="32"
             src="/assets/icons/usdt.svg"
             width="32"
           />
           <img
             alt="WBTC logo"
-            class="makeStyles-position-770"
+            class="makeStyles-position-768"
             height="32"
             src="/assets/icons/wbtc.svg"
             width="32"
           />
           <img
             alt="WETH logo"
-            class="makeStyles-position-771"
+            class="makeStyles-position-769"
             height="32"
             src="/assets/icons/weth.svg"
             width="32"
           />
         </div>
         <h6
-          class="MuiTypography-root-13 makeStyles-name-652 MuiTypography-subtitle1-24 MuiTypography-displayInline-41"
+          class="MuiTypography-root-182 makeStyles-name-650 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-649 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-772 makeStyles-root-432"
+            class="MuiBox-root-421 MuiBox-root-770 makeStyles-root-415"
           >
             <div
-              class="MuiBox-root-438 MuiBox-root-773 makeStyles-aprDisplay-435"
+              class="MuiBox-root-421 MuiBox-root-771 makeStyles-aprDisplay-418"
             >
               <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-417"
                 height="24"
                 src="/assets/icons/apy-info.svg"
                 width="12"
               />
             </div>
             <div
-              class="MuiBox-root-438 MuiBox-root-774 makeStyles-yieldBearingRewards-437"
+              class="MuiBox-root-421 MuiBox-root-772 makeStyles-yieldBearingRewards-420"
             >
               <a
-                class="MuiTypography-root-13 MuiLink-root-43 MuiLink-underlineHover-45 MuiTypography-colorPrimary-36"
+                class="MuiTypography-root-182 MuiLink-root-425 MuiLink-underlineHover-427 MuiTypography-colorPrimary-205"
               >
                 <img
                   alt="Yield-Bearing Rewards"
@@ -6987,7 +6933,7 @@ exports[`Landing Renders tablet version correctly 1`] = `
                 Yield-Bearing Rewards:
               </a>
               <span
-                class="MuiTypography-root-13"
+                class="MuiTypography-root-182"
               >
                 Rewards earn up to 
                 28.32
@@ -6997,18 +6943,18 @@ exports[`Landing Renders tablet version correctly 1`] = `
           </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-777"
+            class="MuiBox-root-421 MuiBox-root-775"
           >
             <p
-              class="MuiTypography-root-13 MuiTypography-body1-15"
+              class="MuiTypography-root-182 MuiTypography-body1-184"
             >
               $0
             </p>
@@ -7016,19 +6962,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-385 makeStyles-tag-381 MuiChip-sizeSmall-386"
             >
               <span
-                class="MuiChip-label-424 MuiChip-labelSmall-425"
+                class="MuiChip-label-407 MuiChip-labelSmall-408"
               >
                 Convex
               </span>
diff --git a/src/tests/ui-library/__snapshots__/Banner.test.tsx.snap b/src/tests/ui-library/__snapshots__/Banner.test.tsx.snap
index 2a53dbea4..5daebdba4 100644
--- a/src/tests/ui-library/__snapshots__/Banner.test.tsx.snap
+++ b/src/tests/ui-library/__snapshots__/Banner.test.tsx.snap
@@ -6,17 +6,13 @@ exports[`Banner renders banner information correctly 1`] = `
     class="MuiGrid-root-10 makeStyles-root-1 MuiGrid-container-11 MuiGrid-align-items-xs-center-19 MuiGrid-justify-content-xs-space-between-30"
   >
     <div
-      class="MuiGrid-root-10 makeStyles-messageLinkContainer-2 MuiGrid-container-11 MuiGrid-item-12 MuiGrid-align-items-xs-center-19 MuiGrid-grid-xs-true-44"
+      class="MuiGrid-root-10 makeStyles-messageLinkContainer-2 MuiGrid-container-11 MuiGrid-item-12 MuiGrid-align-items-xs-center-19 MuiGrid-justify-content-xs-center-28 MuiGrid-grid-xs-true-44"
     >
-      <div
-        class="MuiGrid-root-10 MuiGrid-item-12"
+      <p
+        class="MuiTypography-root-113 makeStyles-message-7 MuiTypography-body1-115"
       >
-        <p
-          class="MuiTypography-root-113 makeStyles-message-7 MuiTypography-body1-115"
-        >
-          This is an important message
-        </p>
-      </div>
+        This is an important message
+      </p>
     </div>
   </div>
 </div>
@@ -28,34 +24,26 @@ exports[`Banner uses correct link 1`] = `
     class="MuiGrid-root-10 makeStyles-root-1 MuiGrid-container-11 MuiGrid-align-items-xs-center-19 MuiGrid-justify-content-xs-space-between-30"
   >
     <div
-      class="MuiGrid-root-10 makeStyles-messageLinkContainer-2 MuiGrid-container-11 MuiGrid-item-12 MuiGrid-align-items-xs-center-19 MuiGrid-grid-xs-true-44"
+      class="MuiGrid-root-10 makeStyles-messageLinkContainer-2 MuiGrid-container-11 MuiGrid-item-12 MuiGrid-align-items-xs-center-19 MuiGrid-justify-content-xs-center-28 MuiGrid-grid-xs-true-44"
     >
-      <div
-        class="MuiGrid-root-10 MuiGrid-item-12"
+      <p
+        class="MuiTypography-root-113 makeStyles-message-7 MuiTypography-body1-115"
       >
-        <p
-          class="MuiTypography-root-113 makeStyles-message-7 MuiTypography-body1-115"
-        >
-          This is an important message
-        </p>
-      </div>
-      <div
-        class="MuiGrid-root-10 MuiGrid-item-12"
+        This is an important message
+      </p>
+      <a
+        class="MuiTypography-root-113 MuiLink-root-143 MuiLink-underlineHover-145 makeStyles-link-6 MuiTypography-colorPrimary-136"
+        href="https://badger.com"
+        rel="noreferrer"
+        target="_blank"
       >
-        <a
-          class="MuiTypography-root-113 MuiLink-root-143 MuiLink-underlineHover-145 makeStyles-link-6 MuiTypography-colorPrimary-136"
-          href="https://badger.com"
-          rel="noreferrer"
-          target="_blank"
-        >
-          <img
-            alt="banner link icon"
-            class="makeStyles-linkIcon-3"
-            src="/assets/icons/banner-link-icon.svg"
-          />
-          view more
-        </a>
-      </div>
+        <img
+          alt="banner link icon"
+          class="makeStyles-linkIcon-3"
+          src="/assets/icons/banner-link-icon.svg"
+        />
+        view more
+      </a>
     </div>
   </div>
 </div>
diff --git a/src/ui-library/Banner.tsx b/src/ui-library/Banner.tsx
index e9ce8b8f9..9dc16c7d4 100644
--- a/src/ui-library/Banner.tsx
+++ b/src/ui-library/Banner.tsx
@@ -58,17 +58,13 @@ const Banner = ({ message, link, linkText, closeElement = null }: BannerProps):
   const classes = useStyles();
   return (
     <Grid container alignItems="center" className={classes.root} justifyContent="space-between">
-      <Grid item container xs alignItems="center" className={classes.messageLinkContainer}>
-        <Grid item>
-          <Typography className={classes.message}>{message}</Typography>
-        </Grid>
+      <Grid item container xs alignItems="center" justifyContent="center" className={classes.messageLinkContainer}>
+        <Typography className={classes.message}>{message}</Typography>
         {link && linkText && (
-          <Grid item>
-            <Link href={link} rel="noreferrer" target="_blank" className={classes.link}>
-              <img className={classes.linkIcon} src="/assets/icons/banner-link-icon.svg" alt="banner link icon" />
-              {linkText}
-            </Link>
-          </Grid>
+          <Link href={link} rel="noreferrer" target="_blank" className={classes.link}>
+            <img className={classes.linkIcon} src="/assets/icons/banner-link-icon.svg" alt="banner link icon" />
+            {linkText}
+          </Link>
         )}
       </Grid>
       {!!closeElement && (