diff --git a/apps/common/components/ListHead.tsx b/apps/common/components/ListHead.tsx
index 88bb1118e..4d60599d3 100644
--- a/apps/common/components/ListHead.tsx
+++ b/apps/common/components/ListHead.tsx
@@ -59,10 +59,9 @@ export function ListHead({
 	const [chain, token, ...rest] = items;
 	return (
 		<div className={'mt-4 grid w-full grid-cols-1 md:mt-0'}>
-			<div className={cl('yearn--table-head-wrapper', wrapperClassName)}>
-				<p className={'yearn--table-head-label max-w-[32px]'}>{chain.label}</p>
-
-				<div className={cl('yearn--table-head-token-section -ml-4', tokenClassName)}>
+			<div className={cl('mb-2 hidden w-full px-10 md:grid md:grid-cols-12', wrapperClassName)}>
+				<div className={cl('col-span-4 flex gap-6', tokenClassName)}>
+					<p className={'yearn--table-head-label max-w-[32px]'}>{chain.label}</p>
 					<button
 						onClick={(): void => onSort(token.value, toggleSortDirection(token.value))}
 						className={'yearn--table-head-label-wrapper group'}>
@@ -71,7 +70,9 @@ export function ListHead({
 					</button>
 				</div>
 
-				<div className={cl('yearn--table-head-data-section', dataClassName)}>
+				<div />
+
+				<div className={cl('col-span-7 grid grid-cols-10 gap-x-7 pl-6', dataClassName)}>
 					{rest.map(
 						(item, index): ReactElement => (
 							<button
diff --git a/apps/common/components/RenderAmount.tsx b/apps/common/components/RenderAmount.tsx
index f816f9ce0..96b1eefca 100644
--- a/apps/common/components/RenderAmount.tsx
+++ b/apps/common/components/RenderAmount.tsx
@@ -26,8 +26,10 @@ export function RenderAmount(props: TAmount & {shouldHideTooltip?: boolean; shou
 		!isZero(props.value) &&
 		((props.value < 0.001 && props.symbol !== 'percent') || (props.value < 0.0001 && props.symbol === 'percent'));
 
+	const value = formatTAmount(props);
 	return (
 		<span
+			title={value}
 			suppressHydrationWarning
 			className={cl(
 				shouldShowTooltip
diff --git a/apps/vaults-v3/components/VaultChainTag.tsx b/apps/vaults-v3/components/VaultChainTag.tsx
index a7da575e9..cc55170a1 100644
--- a/apps/vaults-v3/components/VaultChainTag.tsx
+++ b/apps/vaults-v3/components/VaultChainTag.tsx
@@ -19,7 +19,7 @@ function VaultChainTag({chainID}: {chainID: number}): ReactElement {
 				<div className={'w-fit'}>
 					<div
 						style={{background: 'linear-gradient(244deg, #7B3FE4 5.89%, #A726C1 94.11%)'}}
-						className={'rounded-2xl px-3.5 py-1 text-neutral-900'}>
+						className={'rounded-2xl px-3.5 py-1 text-xs text-neutral-900'}>
 						{'Polygon PoS'}
 					</div>
 				</div>
diff --git a/apps/vaults-v3/components/details/VaultDetailsTabsWrapper.tsx b/apps/vaults-v3/components/details/VaultDetailsTabsWrapper.tsx
index 58f319ba3..8c770eefe 100755
--- a/apps/vaults-v3/components/details/VaultDetailsTabsWrapper.tsx
+++ b/apps/vaults-v3/components/details/VaultDetailsTabsWrapper.tsx
@@ -15,6 +15,8 @@ import {IconLinkOut} from '@yearn-finance/web-lib/icons/IconLinkOut';
 import {getNetwork} from '@yearn-finance/web-lib/utils/wagmi/utils';
 import {IconChevron} from '@common/icons/IconChevron';
 
+import {VaultRiskInfo} from './tabs/VaultRiskInfo';
+
 import type {ReactElement} from 'react';
 import type {TYDaemonVault} from '@yearn-finance/web-lib/utils/schemas/yDaemonVaultsSchemas';
 
@@ -25,6 +27,7 @@ type TTabsOptions = {
 };
 type TTabs = {
 	hasStrategies: boolean;
+	hasRisk: boolean;
 	selectedAboutTabIndex: number;
 	set_selectedAboutTabIndex: (arg0: number) => void;
 };
@@ -34,22 +37,21 @@ type TExplorerLinkProps = {
 	currentVaultAddress: string;
 };
 
-function Tabs({hasStrategies, selectedAboutTabIndex, set_selectedAboutTabIndex}: TTabs): ReactElement {
+function Tabs({hasStrategies, hasRisk, selectedAboutTabIndex, set_selectedAboutTabIndex}: TTabs): ReactElement {
 	const router = useRouter();
 
 	const tabs: TTabsOptions[] = useMemo((): TTabsOptions[] => {
+		const tabs = [{value: 0, label: 'About', slug: 'about'}];
 		if (hasStrategies) {
-			return [
-				{value: 0, label: 'About', slug: 'about'},
-				{value: 1, label: 'Vaults', slug: 'vaults'},
-				{value: 2, label: 'Info', slug: 'info'}
-			];
+			tabs.push({value: 1, label: 'Vaults', slug: 'vaults'});
+		}
+		tabs.push({value: 2, label: 'Info', slug: 'info'});
+		if (hasRisk) {
+			tabs.push({value: 3, label: 'Risk', slug: 'risk'});
 		}
-		return [
-			{value: 0, label: 'About', slug: 'about'},
-			{value: 2, label: 'Info', slug: 'info'}
-		];
-	}, [hasStrategies]);
+
+		return tabs;
+	}, [hasStrategies, hasRisk]);
 
 	useEffect((): void => {
 		const tab = tabs.find((tab): boolean => tab.slug === router.query.tab);
@@ -212,6 +214,7 @@ export function VaultDetailsTabsWrapper({currentVault}: {currentVault: TYDaemonV
 			<div className={'relative flex w-full flex-row items-center justify-between px-4 pt-4 md:px-8'}>
 				<Tabs
 					hasStrategies={hasStrategies}
+					hasRisk={true}
 					selectedAboutTabIndex={selectedAboutTabIndex}
 					set_selectedAboutTabIndex={set_selectedAboutTabIndex}
 				/>
@@ -238,6 +241,10 @@ export function VaultDetailsTabsWrapper({currentVault}: {currentVault: TYDaemonV
 			<Renderable shouldRender={currentVault && selectedAboutTabIndex === 2}>
 				<VaultInfo currentVault={currentVault} />
 			</Renderable>
+
+			<Renderable shouldRender={currentVault && selectedAboutTabIndex === 3}>
+				<VaultRiskInfo currentVault={currentVault} />
+			</Renderable>
 		</div>
 	);
 }
diff --git a/apps/vaults-v3/components/details/tabs/VaultDetailsAbout.tsx b/apps/vaults-v3/components/details/tabs/VaultDetailsAbout.tsx
index a3c8505b4..66bc955d7 100755
--- a/apps/vaults-v3/components/details/tabs/VaultDetailsAbout.tsx
+++ b/apps/vaults-v3/components/details/tabs/VaultDetailsAbout.tsx
@@ -4,7 +4,7 @@ import {parseMarkdown} from '@yearn-finance/web-lib/utils/helpers';
 import type {ReactElement} from 'react';
 import type {TYDaemonVault} from '@yearn-finance/web-lib/utils/schemas/yDaemonVaultsSchemas';
 
-function YearnFeesLineItem({children, label, tooltip}: any): ReactElement {
+export function YearnFeesLineItem({children, label, tooltip}: any): ReactElement {
 	return (
 		<div className={'flex flex-col space-y-0 md:space-y-2'}>
 			<p className={'text-xxs text-neutral-600 md:text-xs'}>{label}</p>
diff --git a/apps/vaults-v3/components/details/tabs/VaultDetailsStrategies.tsx b/apps/vaults-v3/components/details/tabs/VaultDetailsStrategies.tsx
index 46e7747da..72242aa86 100755
--- a/apps/vaults-v3/components/details/tabs/VaultDetailsStrategies.tsx
+++ b/apps/vaults-v3/components/details/tabs/VaultDetailsStrategies.tsx
@@ -91,6 +91,7 @@ export function VaultDetailsStrategies({currentVault}: {currentVault: TYDaemonVa
 							}}
 							items={[
 								{label: 'Vault', value: 'name', sortable: true, className: 'col-span-2'},
+								{label: 'Risk Level', value: 'score', sortable: true, className: 'col-span-1'},
 								{label: 'Est. APY', value: 'estAPY', sortable: true, className: 'col-span-2'},
 								{label: 'Hist. APY', value: 'APY', sortable: true, className: 'col-span-2'},
 								{label: 'Available', value: 'available', sortable: true, className: 'col-span-2'},
diff --git a/apps/vaults-v3/components/details/tabs/VaultRiskInfo.tsx b/apps/vaults-v3/components/details/tabs/VaultRiskInfo.tsx
new file mode 100755
index 000000000..2096980b6
--- /dev/null
+++ b/apps/vaults-v3/components/details/tabs/VaultRiskInfo.tsx
@@ -0,0 +1,177 @@
+import {type ReactElement, useMemo} from 'react';
+import {cl} from '@builtbymom/web3/utils';
+
+import type {TYDaemonVault} from '@yearn-finance/web-lib/utils/schemas/yDaemonVaultsSchemas';
+
+export function VaultRiskInfo({currentVault}: {currentVault: TYDaemonVault}): ReactElement {
+	const hasRiskScore = useMemo(() => {
+		let sum = 0;
+		currentVault.info.riskScore?.forEach(score => {
+			sum += score;
+		});
+		return sum;
+	}, [currentVault.info.riskScore]);
+
+	return (
+		<div className={'grid grid-cols-1 gap-4 p-4 md:grid-cols-12 md:gap-10 md:p-8'}>
+			<div className={'col-span-12 mt-6 w-full md:mt-0'}>
+				<div className={'mb-4 md:mb-10'}>
+					<div
+						className={cl(
+							'grid w-full grid-cols-12 items-center gap-6',
+							hasRiskScore ? 'border-b border-neutral-900/20 pb-10 mb-10' : ''
+						)}>
+						<div className={'col-span-10'}>
+							<b className={'block text-neutral-900'}>{'Risk Level'}</b>
+							<small className={'mt-1 block w-3/4 text-xs text-neutral-900/40'}>
+								{
+									"This is an indicator of the security of the vault, calculated based on multiple factors including the strategy's complexity, exposure to potential losses, and reliance on external protocols. A score of 1 represents the highest security, while 5 indicates the lowest."
+								}
+							</small>
+						</div>
+						<div className={'col-span-2 flex items-center justify-center font-bold'}>
+							<span>
+								<b className={'font-number text-xl text-neutral-900'}>{currentVault.info.riskLevel}</b>
+								<span className={'text-neutral-900/40'}>{' / 5'}</span>
+							</span>
+						</div>
+					</div>
+
+					<div className={cl('grid w-full grid-cols-12 items-center gap-6', hasRiskScore ? '' : 'hidden')}>
+						<div className={'col-span-10'}>
+							<p>{'Review'}</p>
+							<small className={'whitespace-break-spaces text-xs text-neutral-900/40'}>
+								{
+									'To have a unified reviewScore for both internal and external strategies, we assume that the strategist writer itself is either a Source of Trust (internal) or not (external). So all internal strategies always includes that 1 additional source of trust in addition. Together with all other Sources of Trust (SoTs) in this list: internal strategist wrote the strategy, peer reviews, expert peer reviews, ySec security reviews and ySec recurring security review. Each item accounts for 1 SoT point, and any combinations of these gives the number of SoTs a strategy has and thus gives the associated review score: \n\t\t1 -> 5 SoT \n\t\t2 -> 4 SoT\n\t\t3 -> 3 SoT\n\t\t4 -> 2 SoT\n\t\t5 -> 1 SoT'
+								}
+							</small>
+						</div>
+						<div className={'col-span-2 flex items-center justify-center font-bold'}>
+							<p>{currentVault.info.riskScore[0]}</p>
+						</div>
+
+						<div className={'col-span-10'}>
+							<p>{'Testing'}</p>
+							<small className={'whitespace-break-spaces text-xs text-neutral-900/40'}>
+								{
+									'The testing coverage of the strategy being evaluated. \n\t\t1 -> 95%+\n\t\t2 -> 90%+\n\t\t3 -> 80%+\n\t\t4 -> 70%+\n\t\t5 -> below 70%'
+								}
+							</small>
+						</div>
+						<div className={'col-span-2 flex items-center justify-center font-bold'}>
+							<p>{currentVault.info.riskScore[1]}</p>
+						</div>
+
+						<div className={'col-span-10'}>
+							<p>{'Complexity'}</p>
+							<small className={'whitespace-break-spaces text-xs text-neutral-900/40'}>
+								{
+									'The sLOC count of the strategy being evaluated. \n\t\t1 -> 0-150 sLOC\n\t\t2 -> 150-300 sLOC\n\t\t3 -> 300-450 sLOC\n\t\t4 -> 450-600 sLOC\n\t\t5 -> 750+ sLOC'
+								}
+							</small>
+						</div>
+						<div className={'col-span-2 flex items-center justify-center font-bold'}>
+							<p>{currentVault.info.riskScore[2]}</p>
+						</div>
+
+						<div className={'col-span-10'}>
+							<p>{'Risk Exposure'}</p>
+							<small className={'whitespace-break-spaces text-xs text-neutral-900/40'}>
+								{
+									'This score aims to find out how much and how often a strategy can be subject to losses. \n\t\t1 -> Strategy has no lossable cases, only gains, up only.\n\t\t2 -> Loss of funds or non recoverable funds up to 0-10% (Example, deposit/withdrawal fees or anything protocol specific)\n\t\t3 -> Loss of funds or non recoverable funds up to 10-15% (Example, Protocol specific IL exposure, very high deposit/withdrawal fees)\n\t\t4 -> Loss of funds or non recoverable funds up to 15-70% (Example, adding liquidity to single sided curve stable pools)\n\t\t5 -> Loss of funds or non recoverable funds up to 70-100% (Example, Leveraging cross assets and got liquidated, adding liquidity to volatile pairs single sided)'
+								}
+							</small>
+						</div>
+						<div className={'col-span-2 flex items-center justify-center font-bold'}>
+							<p>{currentVault.info.riskScore[3]}</p>
+						</div>
+
+						<div className={'col-span-10'}>
+							<p>{'Protocol Integration'}</p>
+							<small className={'whitespace-break-spaces text-xs text-neutral-900/40'}>
+								{
+									'The protocols that are integrated into the strategy that is being evaluated. \n\t\t1 -> Strategy interacts with 1 external protocol\n\t\t2 -> Strategy interacts with 2 external protocols\n\t\t3 -> Strategy interacts with 3 external protocols\n\t\t4 -> Strategy interacts with 4 external protocols\n\t\t5 -> Strategy interacts with 5 external protocols'
+								}
+							</small>
+						</div>
+						<div className={'col-span-2 flex items-center justify-center font-bold'}>
+							<p>{currentVault.info.riskScore[4]}</p>
+						</div>
+
+						<div className={'col-span-10'}>
+							<p>{'Centralization Risk'}</p>
+							<small className={'whitespace-break-spaces text-xs text-neutral-900/40'}>
+								{
+									'The centralization score of the strategy that is being evaluated. \n\t\t1 -> Strategy operates without dependency on any privileged roles, ensuring full permissionlessness.\n\t\t2 -> Strategy has privileged roles but they are not vital for operations and pose minimal risk of rug possibilities\n\t\t3 -> Strategy involves privileged roles but less frequently and with less risk of rug possibilities\n\t\t4 -> Strategy frequently depends on off-chain management but has safeguards against rug possibilities by admins\n\t\t5 -> Strategy heavily relies on off-chain management, potentially exposing user funds to rug possibilities by admins'
+								}
+							</small>
+						</div>
+						<div className={'col-span-2 flex items-center justify-center font-bold'}>
+							<p>{currentVault.info.riskScore[5]}</p>
+						</div>
+
+						<div className={'col-span-10'}>
+							<p>{'External Protocol Audit'}</p>
+							<small className={'whitespace-break-spaces text-xs text-neutral-900/40'}>
+								{
+									'The public audits count of the external protocols. \n\t\t1 -> Audit conducted by 4 or more trusted firm or security researcher conducted.\n\t\t2 -> Audit conducted by 3 trusted firm or security researcher conducted\n\t\t3 -> Audit conducted by 2 trusted firm or security researcher conducted\n\t\t4 -> Audit conducted by 1 trusted firm or security researcher conducted\n\t\t5 -> No audit conducted by a trusted firm or security researcher'
+								}
+							</small>
+						</div>
+						<div className={'col-span-2 flex items-center justify-center font-bold'}>
+							<p>{currentVault.info.riskScore[6]}</p>
+						</div>
+
+						<div className={'col-span-10'}>
+							<p>{'External Protocol Centralisation'}</p>
+							<small className={'whitespace-break-spaces text-xs text-neutral-900/40'}>
+								{
+									"Measurement of the centralization score of the external protocols. \n\t\t1 -> Contracts owner is a multisig with known trusted people with Timelock OR Contracts are governanceless, immutable OR Contracts owner can't do any harm to our strategy by setting parameters in external protocol contracts.\n\t\t2 -> Contracts owner is a multisig with known trusted people\n\t\t3 -> Contracts owner is a multisig with known people but multisig threshold is very low\n\t\t4 -> Contracts owner is a multisig but the addresses are not known/hidden OR Contracts owner can harm our strategy by setting parameters in external protocol contracts up to some degree\n\t\t5 -> Contracts owner is an EOA or a multisig with less than 4 members OR Contracts are not verified OR Contracts owner can harm our strategy completely"
+								}
+							</small>
+						</div>
+						<div className={'col-span-2 flex items-center justify-center font-bold'}>
+							<p>{currentVault.info.riskScore[7]}</p>
+						</div>
+
+						<div className={'col-span-10'}>
+							<p>{'External Protocol TVL'}</p>
+							<small className={'whitespace-break-spaces text-xs text-neutral-900/40'}>
+								{
+									'The active TVL that the external protocol holds. \n\t\t1 -> TVL of $480M or more\n\t\t2 -> TVL between $120M and $480M\n\t\t3 -> TVL between $40M and $120M\n\t\t4 -> TVL between $10M and $40M\n\t\t5 -> TVL of $10M or less'
+								}
+							</small>
+						</div>
+						<div className={'col-span-2 flex items-center justify-center font-bold'}>
+							<p>{currentVault.info.riskScore[8]}</p>
+						</div>
+
+						<div className={'col-span-10'}>
+							<p>{'External Protocol Longevity'}</p>
+							<small className={'whitespace-break-spaces text-xs text-neutral-900/40'}>
+								{
+									'How long the external protocol contracts in scope have been deployed alive. \n\t\t1 -> 24 months or more\n\t\t2 -> Between 18 and 24 months\n\t\t3 -> Between 12 and 18 months\n\t\t4 -> Between 6 and 12 months\n\t\t5 -> Less than 6 months'
+								}
+							</small>
+						</div>
+						<div className={'col-span-2 flex items-center justify-center font-bold'}>
+							<p>{currentVault.info.riskScore[9]}</p>
+						</div>
+
+						<div className={'col-span-10'}>
+							<p>{'External Protocol Type'}</p>
+							<small className={'whitespace-break-spaces text-xs text-neutral-900/40'}>
+								{
+									"This is a rough estimate of evaluating a protocol's purpose. \n\t\t1 -> Blue-chip protocols such as AAVE, Compound, Uniswap, Curve, Convex, and Balancer.\n\t\t2 -> Slightly modified forked blue-chip protocols\n\t\t3 -> AMM lending/borrowing protocols that are not forks of blue-chip protocols, leveraged farming protocols, as well as newly conceptualized protocols\n\t\t4 -> Cross-chain applications, like cross-chain bridges, cross-chain yield aggregators, and cross-chain lending/borrowing protocols\n\t\t5 -> The main expertise of the protocol lies in off-chain operations, such as RWA protocols"
+								}
+							</small>
+						</div>
+						<div className={'col-span-2 flex items-center justify-center font-bold'}>
+							<p>{currentVault.info.riskScore[10]}</p>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	);
+}
diff --git a/apps/vaults-v3/components/list/VaultsV3ListHead.tsx b/apps/vaults-v3/components/list/VaultsV3ListHead.tsx
index d6b8bf8ef..131537841 100644
--- a/apps/vaults-v3/components/list/VaultsV3ListHead.tsx
+++ b/apps/vaults-v3/components/list/VaultsV3ListHead.tsx
@@ -65,7 +65,7 @@ export function VaultsV3ListHead({items, sortBy, sortDirection, onSort}: TListHe
 				)}>
 				<div
 					className={cl(
-						'col-span-5',
+						'col-span-4',
 						'flex flex-row items-center justify-between',
 						'mb-2 py-4 md:mb-0 md:py-0'
 					)}>
@@ -77,7 +77,9 @@ export function VaultsV3ListHead({items, sortBy, sortDirection, onSort}: TListHe
 					</button>
 				</div>
 
-				<div className={cl('col-span-7', 'grid grid-cols-1 md:grid-cols-10', 'gap-0 md:gap-x-7')}>
+				<div />
+
+				<div className={cl('col-span-7 z-10', 'grid grid-cols-2 md:grid-cols-11 gap-1', 'mt-4 md:mt-0')}>
 					{rest.map(
 						(item, index): ReactElement => (
 							<button
diff --git a/apps/vaults-v3/components/list/VaultsV3ListRow.tsx b/apps/vaults-v3/components/list/VaultsV3ListRow.tsx
index a57fc79b6..e94398af3 100755
--- a/apps/vaults-v3/components/list/VaultsV3ListRow.tsx
+++ b/apps/vaults-v3/components/list/VaultsV3ListRow.tsx
@@ -39,8 +39,8 @@ function APYSubline({hasPendleArbRewards, hasKelpNEngenlayer, hasKelp}: TAPYSubl
 	}
 	if (hasPendleArbRewards) {
 		return (
-			<small className={cl('whitespace-nowrap text-xs text-neutral-800 self-end -mb-4')}>
-				{`+ 2500 ARB per week 🚀`}
+			<small className={cl('whitespace-nowrap text-xs text-neutral-800 self-end -mb-5 pt-1 -mr-1')}>
+				{`+ 2500 ARB/week 🚀`}
 			</small>
 		);
 	}
@@ -520,6 +520,43 @@ function VaultHistoricalAPY({currentVault}: {currentVault: TYDaemonVault}): Reac
 	);
 }
 
+function VaultRiskScoreTag({riskLevel}: {riskLevel: number}): ReactElement {
+	const level = riskLevel < 0 ? 0 : riskLevel > 5 ? 5 : riskLevel;
+	const riskColor = [`transparent`, `#63C532`, `#F8A908`, `#F8A908`, `#C73203`, `#C73203`];
+	return (
+		<div className={'col-span-2 flex flex-row justify-center md:col-span-2 md:flex-col'}>
+			<p className={'inline whitespace-nowrap text-start text-xs text-neutral-800/60 md:hidden'}>
+				{'Risk Score'}
+			</p>
+			<div className={cl('flex w-fit items-center justify-end gap-4 md:justify-center', 'tooltip relative z-50')}>
+				<div className={'mt-[6px] h-3 w-10 min-w-10 rounded-sm border-2 border-neutral-400 p-[2px]'}>
+					<div
+						className={'h-1 rounded-[1px]'}
+						style={{
+							backgroundColor: riskColor.length > level ? riskColor[level] : riskColor[0],
+							width: `${(level / 5) * 100}%`
+						}}
+					/>
+				</div>
+				<span
+					suppressHydrationWarning
+					className={'tooltiptext top-full mt-1'}
+					style={{marginRight: 'calc(-94px + 50%)'}}>
+					<div
+						className={
+							'font-number relative border border-neutral-300 bg-neutral-100 p-1 px-2 text-center text-xxs text-neutral-900'
+						}>
+						<p>
+							<b className={'text-xs font-semibold'}>{`${level} / 5 :`}</b>
+							{` This reflects the vault's security, with 1 being most secure and 5 least secure, based on strategy complexity, loss exposure, and external dependencies.`}
+						</p>
+					</div>
+				</span>
+			</div>
+		</div>
+	);
+}
+
 export function VaultStakedAmount({currentVault}: {currentVault: TYDaemonVault}): ReactElement {
 	const {getToken, getPrice} = useYearn();
 
@@ -563,7 +600,7 @@ export function VaultStakedAmount({currentVault}: {currentVault: TYDaemonVault})
 					options={{
 						shouldCompactValue: true,
 						maximumFractionDigits: 2,
-						minimumFractionDigits: 0
+						minimumFractionDigits: 2
 					}}
 				/>
 			</small>
@@ -606,8 +643,8 @@ export function VaultsV3ListRow({currentVault}: {currentVault: TYDaemonVault}):
 					)}
 				/>
 
-				<div className={cl('col-span-5 z-10', 'flex flex-row items-center justify-between')}>
-					<div className={'flex flex-row gap-6'}>
+				<div className={cl('col-span-4 z-10', 'flex flex-row items-center justify-between')}>
+					<div className={'flex flex-row gap-6 overflow-hidden'}>
 						<div className={'mt-2.5 size-8 min-h-8 min-w-8 rounded-full md:flex'}>
 							<ImageWithFallback
 								src={`${process.env.BASE_YEARN_ASSETS_URI}/${currentVault.chainID}/${currentVault.token.address}/logo-128.png`}
@@ -616,11 +653,15 @@ export function VaultsV3ListRow({currentVault}: {currentVault: TYDaemonVault}):
 								height={32}
 							/>
 						</div>
-						<div>
-							<strong className={'mb-0 block text-[18px] font-black text-neutral-800 md:mb-1 md:text-xl'}>
+						<div className={'truncate'}>
+							<strong
+								title={currentVault.name}
+								className={'block truncate font-black text-neutral-800 md:-mb-0.5 md:text-lg'}>
 								{currentVault.name}
 							</strong>
-							<p className={'mb-0 block text-neutral-800 md:mb-2'}>{currentVault.token.name}</p>
+							<p className={'mb-0 block text-sm text-neutral-800/60 md:mb-2'}>
+								{currentVault.token.name}
+							</p>
 							<div className={'hidden flex-row items-center md:flex'}>
 								<VaultChainTag chainID={currentVault.chainID} />
 								<Link
@@ -640,13 +681,11 @@ export function VaultsV3ListRow({currentVault}: {currentVault: TYDaemonVault}):
 					</div>
 				</div>
 
-				<div
-					className={cl(
-						'col-span-7 z-10',
-						'grid grid-cols-2 md:grid-cols-10',
-						'gap-1 md:gap-x-7',
-						'mt-4 md:mt-0'
-					)}>
+				<div className={'col-span-1'} />
+
+				<div className={cl('col-span-7 z-10', 'grid grid-cols-2 md:grid-cols-12 gap-4', 'mt-4 md:mt-0')}>
+					<VaultRiskScoreTag riskLevel={currentVault.info.riskLevel} />
+
 					<div
 						className={'yearn--table-data-section-item col-span-2 flex-row md:flex-col'}
 						datatype={'number'}>
diff --git a/apps/vaults/components/list/VaultsListRow.tsx b/apps/vaults/components/list/VaultsListRow.tsx
index c7ad1e1d4..e6049a35c 100755
--- a/apps/vaults/components/list/VaultsListRow.tsx
+++ b/apps/vaults/components/list/VaultsListRow.tsx
@@ -1,16 +1,17 @@
 import {useMemo} from 'react';
 import Link from 'next/link';
-import {formatAmount, isZero, toAddress, toNormalizedBN} from '@builtbymom/web3/utils';
+import {cl, formatAmount, isZero, toAddress, toNormalizedBN} from '@builtbymom/web3/utils';
+import {getNetwork} from '@builtbymom/web3/utils/wagmi';
 import {Renderable} from '@yearn-finance/web-lib/components/Renderable';
 import {ETH_TOKEN_ADDRESS, WETH_TOKEN_ADDRESS, WFTM_TOKEN_ADDRESS} from '@yearn-finance/web-lib/utils/constants';
 import {ImageWithFallback} from '@common/components/ImageWithFallback';
 import {RenderAmount} from '@common/components/RenderAmount';
 import {useYearn} from '@common/contexts/useYearn';
 import {useYearnBalance} from '@common/hooks/useYearnBalance';
-import {getVaultName} from '@common/utils';
 
 import type {ReactElement} from 'react';
 import type {TYDaemonVault} from '@yearn-finance/web-lib/utils/schemas/yDaemonVaultsSchemas';
+import type {TNormalizedBN} from '@builtbymom/web3/types';
 
 export function VaultForwardAPY({currentVault}: {currentVault: TYDaemonVault}): ReactElement {
 	const isEthMainnet = currentVault.chainID === 1;
@@ -325,15 +326,19 @@ function VaultHistoricalAPY({currentVault}: {currentVault: TYDaemonVault}): Reac
 }
 
 export function VaultStakedAmount({currentVault}: {currentVault: TYDaemonVault}): ReactElement {
-	const {getToken} = useYearn();
+	const {getToken, getPrice} = useYearn();
 
-	const staked = useMemo((): bigint => {
+	const tokenPrice = useMemo(
+		() => getPrice({address: currentVault.address, chainID: currentVault.chainID}),
+		[currentVault.address, currentVault.chainID]
+	);
+	const staked = useMemo((): TNormalizedBN => {
 		const vaultToken = getToken({chainID: currentVault.chainID, address: currentVault.address});
 		if (currentVault.staking.available) {
 			const stakingToken = getToken({chainID: currentVault.chainID, address: currentVault.staking.address});
-			return vaultToken.balance.raw + stakingToken.balance.raw;
+			return toNormalizedBN(vaultToken.balance.raw + stakingToken.balance.raw, vaultToken.decimals);
 		}
-		return vaultToken.balance.raw;
+		return toNormalizedBN(vaultToken.balance.raw, vaultToken.decimals);
 	}, [
 		currentVault.address,
 		currentVault.chainID,
@@ -343,17 +348,31 @@ export function VaultStakedAmount({currentVault}: {currentVault: TYDaemonVault})
 	]);
 
 	return (
-		<p
-			className={`yearn--table-data-section-item-value ${
-				isZero(staked) ? 'text-neutral-400' : 'text-neutral-900'
-			}`}>
-			<RenderAmount
-				value={staked}
-				symbol={currentVault.token.symbol}
-				decimals={currentVault.token.decimals}
-				options={{shouldDisplaySymbol: false, maximumFractionDigits: 4}}
-			/>
-		</p>
+		<div className={'flex flex-col pt-0 text-right'}>
+			<p
+				className={`yearn--table-data-section-item-value ${
+					isZero(staked.raw) ? 'text-neutral-400' : 'text-neutral-900'
+				}`}>
+				<RenderAmount
+					value={staked.raw}
+					symbol={currentVault.token.symbol}
+					decimals={currentVault.token.decimals}
+					options={{shouldDisplaySymbol: false, maximumFractionDigits: 4}}
+				/>
+			</p>
+			<small className={cl('text-xs text-neutral-900/40', staked.raw === 0n ? 'invisible' : 'visible')}>
+				<RenderAmount
+					value={staked.normalized * tokenPrice.normalized}
+					symbol={'USD'}
+					decimals={0}
+					options={{
+						shouldCompactValue: true,
+						maximumFractionDigits: 2,
+						minimumFractionDigits: 2
+					}}
+				/>
+			</small>
+		</div>
 	);
 }
 
@@ -364,15 +383,11 @@ export function VaultsListRow({currentVault}: {currentVault: TYDaemonVault}): Re
 		chainID: currentVault.chainID,
 		address: toAddress(currentVault.token.address) === WFTM_TOKEN_ADDRESS ? WFTM_TOKEN_ADDRESS : WETH_TOKEN_ADDRESS //TODO: Create a wagmi Chain upgrade to add the chain wrapper token address
 	});
-	const vaultName = useMemo((): string => getVaultName(currentVault), [currentVault]);
-
 	const availableToDeposit = useMemo((): bigint => {
 		if (toAddress(currentVault.token.address) === WETH_TOKEN_ADDRESS) {
-			// Handle ETH native coin
 			return balanceOfWrappedCoin.raw + balanceOfCoin.raw;
 		}
 		if (toAddress(currentVault.token.address) === WFTM_TOKEN_ADDRESS) {
-			// Handle FTM native coin
 			return balanceOfWrappedCoin.raw + balanceOfCoin.raw;
 		}
 		return balanceOfWant.raw;
@@ -382,46 +397,69 @@ export function VaultsListRow({currentVault}: {currentVault: TYDaemonVault}): Re
 		<Link
 			key={`${currentVault.address}`}
 			href={`/vaults/${currentVault.chainID}/${toAddress(currentVault.address)}`}>
-			<div className={'yearn--table-wrapper cursor-pointer transition-colors hover:bg-neutral-300'}>
-				<div className={'flex max-w-[32px] flex-row items-center'}>
-					<ImageWithFallback
-						src={`${process.env.BASE_YEARN_CHAIN_URI}/${currentVault.chainID}/logo-32.png`}
-						alt={`Chain ${currentVault.chainID}`}
-						width={32}
-						height={32}
-					/>
-				</div>
-				<div className={'yearn--table-token-section -ml-4'}>
-					<div className={'yearn--table-token-section-item'}>
-						<div className={'yearn--table-token-section-item-image'}>
+			<div
+				className={cl(
+					'grid w-full grid-cols-1 md:grid-cols-12 rounded-3xl',
+					'p-6 pt-2 md:px-10',
+					'cursor-pointer relative group'
+				)}>
+				<div
+					className={cl(
+						'absolute inset-0 rounded-3xl',
+						'opacity-20 transition-opacity group-hover:opacity-100 pointer-events-none'
+					)}
+				/>
+
+				<div className={cl('col-span-4 z-10', 'flex flex-row items-center justify-between')}>
+					<div className={'flex flex-row gap-6 overflow-hidden'}>
+						<div className={'mt-2.5 size-8 min-h-8 min-w-8 rounded-full md:flex'}>
 							<ImageWithFallback
-								src={`${process.env.BASE_YEARN_ASSETS_URI}/${currentVault.chainID}/${currentVault.token.address}/logo-32.png`}
-								alt={''}
+								src={`${process.env.BASE_YEARN_ASSETS_URI}/${currentVault.chainID}/${currentVault.token.address}/logo-128.png`}
+								alt={``}
 								width={32}
 								height={32}
 							/>
 						</div>
-						<p>{vaultName}</p>
+						<div className={'truncate'}>
+							<strong
+								title={currentVault.name}
+								className={'block truncate font-black text-neutral-800 md:-mb-0.5 md:text-lg'}>
+								{currentVault.name}
+							</strong>
+							<div className={'flex flex-row items-center gap-1'}>
+								<ImageWithFallback
+									src={`${process.env.BASE_YEARN_CHAIN_URI}/${currentVault.chainID}/logo-32.png`}
+									alt={`Chain ${currentVault.chainID}`}
+									width={14}
+									height={14}
+								/>
+								<p className={'block text-sm text-neutral-800/60'}>
+									{currentVault.chainID === 10 ? 'Optimism' : getNetwork(currentVault.chainID).name}
+								</p>
+							</div>
+						</div>
 					</div>
 				</div>
 
-				<div className={'col-span-5 grid grid-cols-1 gap-0 md:grid-cols-10 md:gap-x-7'}>
+				<div className={'col-span-1'} />
+
+				<div className={cl('col-span-7 z-10', 'grid grid-cols-2 md:grid-cols-10 gap-1', 'mt-4 md:mt-0')}>
 					<div
-						className={'yearn--table-data-section-item md:col-span-2'}
+						className={'yearn--table-data-section-item col-span-2 flex-row md:flex-col'}
 						datatype={'number'}>
 						<p className={'yearn--table-data-section-item-label !font-aeonik'}>{'Estimated APY'}</p>
 						<VaultForwardAPY currentVault={currentVault} />
 					</div>
 
 					<div
-						className={'yearn--table-data-section-item md:col-span-2'}
+						className={'yearn--table-data-section-item col-span-2 flex-row md:flex-col'}
 						datatype={'number'}>
 						<p className={'yearn--table-data-section-item-label !font-aeonik'}>{'Historical APY'}</p>
 						<VaultHistoricalAPY currentVault={currentVault} />
 					</div>
 
 					<div
-						className={'yearn--table-data-section-item md:col-span-2'}
+						className={'yearn--table-data-section-item col-span-2 flex-row md:flex-col'}
 						datatype={'number'}>
 						<p className={'yearn--table-data-section-item-label !font-aeonik'}>{'Available'}</p>
 						<p
@@ -438,14 +476,14 @@ export function VaultsListRow({currentVault}: {currentVault: TYDaemonVault}): Re
 					</div>
 
 					<div
-						className={'yearn--table-data-section-item md:col-span-2'}
+						className={'yearn--table-data-section-item col-span-2 flex-row md:flex-col'}
 						datatype={'number'}>
 						<p className={'yearn--table-data-section-item-label !font-aeonik'}>{'Deposited'}</p>
 						<VaultStakedAmount currentVault={currentVault} />
 					</div>
 
 					<div
-						className={'yearn--table-data-section-item md:col-span-2'}
+						className={'yearn--table-data-section-item col-span-2 flex-row md:flex-col'}
 						datatype={'number'}>
 						<p className={'yearn--table-data-section-item-label !font-aeonik'}>{'TVL'}</p>
 						<div className={'flex flex-col text-right'}>
diff --git a/apps/vaults/hooks/useSortVaults.ts b/apps/vaults/hooks/useSortVaults.ts
index df2c725fe..91ad78100 100644
--- a/apps/vaults/hooks/useSortVaults.ts
+++ b/apps/vaults/hooks/useSortVaults.ts
@@ -9,7 +9,15 @@ import {numberSort, stringSort} from '@common/utils/sort';
 import type {TYDaemonVaults} from '@yearn-finance/web-lib/utils/schemas/yDaemonVaultsSchemas';
 import type {TSortDirection} from '@builtbymom/web3/types';
 
-export type TPossibleSortBy = 'APY' | 'estAPY' | 'tvl' | 'name' | 'deposited' | 'available' | 'featuringScore';
+export type TPossibleSortBy =
+	| 'APY'
+	| 'estAPY'
+	| 'tvl'
+	| 'name'
+	| 'deposited'
+	| 'available'
+	| 'featuringScore'
+	| 'score';
 
 export function useSortVaults(
 	vaultList: TYDaemonVaults,
@@ -18,82 +26,90 @@ export function useSortVaults(
 ): TYDaemonVaults {
 	const {getBalance, getPrice} = useYearn();
 
-	const sortedByName = useCallback(
-		(): TYDaemonVaults =>
-			vaultList.sort((a, b): number =>
-				stringSort({
-					a: getVaultName(a),
-					b: getVaultName(b),
-					sortDirection
-				})
-			),
-		[sortDirection, vaultList]
-	);
-
-	const sortedByForwardAPY = useCallback(
-		(): TYDaemonVaults =>
-			vaultList.sort((a, b): number => {
-				let aAPY = 0;
-				if (a.apr.forwardAPR.type === '') {
-					aAPY = a.apr.extra.stakingRewardsAPR + a.apr.netAPR;
-				} else if (a.chainID === 1 && a.apr.forwardAPR.composite.boost > 0 && !a.apr.extra.stakingRewardsAPR) {
+	const sortedByName = useCallback((): TYDaemonVaults => {
+		if (sortBy !== 'estAPY') {
+			return vaultList;
+		}
+		return vaultList.sort((a, b): number =>
+			stringSort({
+				a: getVaultName(a),
+				b: getVaultName(b),
+				sortDirection
+			})
+		);
+	}, [sortBy, sortDirection, vaultList]);
+
+	const sortedByForwardAPY = useCallback((): TYDaemonVaults => {
+		if (sortBy !== 'estAPY') {
+			return vaultList;
+		}
+		return vaultList.sort((a, b): number => {
+			let aAPY = 0;
+			if (a.apr.forwardAPR.type === '') {
+				aAPY = a.apr.extra.stakingRewardsAPR + a.apr.netAPR;
+			} else if (a.chainID === 1 && a.apr.forwardAPR.composite.boost > 0 && !a.apr.extra.stakingRewardsAPR) {
+				aAPY = a.apr.forwardAPR.netAPR;
+			} else {
+				const sumOfRewardsAPY = a.apr.extra.stakingRewardsAPR + a.apr.extra.gammaRewardAPR;
+				const hasCurrentAPY = !isZero(a?.apr.forwardAPR.netAPR);
+				if (sumOfRewardsAPY > 0) {
+					aAPY = sumOfRewardsAPY + a.apr.forwardAPR.netAPR;
+				} else if (hasCurrentAPY) {
 					aAPY = a.apr.forwardAPR.netAPR;
 				} else {
-					const sumOfRewardsAPY = a.apr.extra.stakingRewardsAPR + a.apr.extra.gammaRewardAPR;
-					const hasCurrentAPY = !isZero(a?.apr.forwardAPR.netAPR);
-					if (sumOfRewardsAPY > 0) {
-						aAPY = sumOfRewardsAPY + a.apr.forwardAPR.netAPR;
-					} else if (hasCurrentAPY) {
-						aAPY = a.apr.forwardAPR.netAPR;
-					} else {
-						aAPY = a.apr.netAPR;
-					}
+					aAPY = a.apr.netAPR;
 				}
+			}
 
-				let bAPY = 0;
-				if (b.apr.forwardAPR.type === '') {
-					bAPY = b.apr.extra.stakingRewardsAPR + b.apr.netAPR;
-				} else if (b.chainID === 1 && b.apr.forwardAPR.composite.boost > 0 && !b.apr.extra.stakingRewardsAPR) {
+			let bAPY = 0;
+			if (b.apr.forwardAPR.type === '') {
+				bAPY = b.apr.extra.stakingRewardsAPR + b.apr.netAPR;
+			} else if (b.chainID === 1 && b.apr.forwardAPR.composite.boost > 0 && !b.apr.extra.stakingRewardsAPR) {
+				bAPY = b.apr.forwardAPR.netAPR;
+			} else {
+				const sumOfRewardsAPY = b.apr.extra.stakingRewardsAPR + b.apr.extra.gammaRewardAPR;
+				const hasCurrentAPY = !isZero(b?.apr.forwardAPR.netAPR);
+				if (sumOfRewardsAPY > 0) {
+					bAPY = sumOfRewardsAPY + b.apr.forwardAPR.netAPR;
+				} else if (hasCurrentAPY) {
 					bAPY = b.apr.forwardAPR.netAPR;
 				} else {
-					const sumOfRewardsAPY = b.apr.extra.stakingRewardsAPR + b.apr.extra.gammaRewardAPR;
-					const hasCurrentAPY = !isZero(b?.apr.forwardAPR.netAPR);
-					if (sumOfRewardsAPY > 0) {
-						bAPY = sumOfRewardsAPY + b.apr.forwardAPR.netAPR;
-					} else if (hasCurrentAPY) {
-						bAPY = b.apr.forwardAPR.netAPR;
-					} else {
-						bAPY = b.apr.netAPR;
-					}
+					bAPY = b.apr.netAPR;
 				}
+			}
 
-				return numberSort({
-					a: aAPY,
-					b: bAPY,
-					sortDirection
-				});
-			}),
-		[sortDirection, vaultList]
-	);
-
-	const sortedByAPY = useCallback(
-		(): TYDaemonVaults =>
-			vaultList.sort((a, b): number =>
-				numberSort({
-					a: a.apr?.netAPR || 0,
-					b: b.apr?.netAPR || 0,
-					sortDirection
-				})
-			),
-		[sortDirection, vaultList]
-	);
-
-	const sortedByTVL = useCallback(
-		(): TYDaemonVaults => vaultList.sort((a, b): number => numberSort({a: a.tvl.tvl, b: b.tvl.tvl, sortDirection})),
-		[sortDirection, vaultList]
-	);
+			return numberSort({
+				a: aAPY,
+				b: bAPY,
+				sortDirection
+			});
+		});
+	}, [sortDirection, vaultList, sortBy]);
+
+	const sortedByAPY = useCallback((): TYDaemonVaults => {
+		if (sortBy !== 'APY') {
+			return vaultList;
+		}
+		return vaultList.sort((a, b): number =>
+			numberSort({
+				a: a.apr?.netAPR || 0,
+				b: b.apr?.netAPR || 0,
+				sortDirection
+			})
+		);
+	}, [sortDirection, vaultList, sortBy]);
+
+	const sortedByTVL = useCallback((): TYDaemonVaults => {
+		if (sortBy !== 'tvl') {
+			return vaultList;
+		}
+		return vaultList.sort((a, b): number => numberSort({a: a.tvl.tvl, b: b.tvl.tvl, sortDirection}));
+	}, [sortDirection, vaultList, sortBy]);
 
 	const sortedByDeposited = useCallback((): TYDaemonVaults => {
+		if (sortBy !== 'deposited') {
+			return vaultList;
+		}
 		return vaultList.sort((a, b): number => {
 			const aDepositedBalance = Number(getBalance({address: a.address, chainID: a.chainID})?.normalized || 0);
 			const bDepositedBalance = Number(getBalance({address: b.address, chainID: b.chainID})?.normalized || 0);
@@ -125,9 +141,12 @@ export function useSortVaults(
 			}
 			return bStakedValue - aStakedValue;
 		});
-	}, [vaultList, getBalance, sortDirection, getPrice]);
+	}, [vaultList, getBalance, sortDirection, getPrice, sortBy]);
 
 	const sortedByAvailable = useCallback((): TYDaemonVaults => {
+		if (sortBy !== 'available') {
+			return vaultList;
+		}
 		return vaultList.sort((a, b): number => {
 			let aBalance = Number(getBalance({address: a.token.address, chainID: a.chainID})?.normalized || 0);
 			let bBalance = Number(getBalance({address: b.token.address, chainID: b.chainID})?.normalized || 0);
@@ -142,13 +161,28 @@ export function useSortVaults(
 			}
 			return bBalance - aBalance;
 		});
-	}, [getBalance, sortDirection, vaultList]);
+	}, [getBalance, sortBy, sortDirection, vaultList]);
 
-	const sortedByFeaturingScore = useCallback(
-		(): TYDaemonVaults =>
-			vaultList.sort((a, b): number => numberSort({a: a.featuringScore, b: b.featuringScore, sortDirection})),
-		[sortDirection, vaultList]
-	);
+	const sortedByFeaturingScore = useCallback((): TYDaemonVaults => {
+		if (sortBy !== 'featuringScore') {
+			return vaultList;
+		}
+		return vaultList.sort((a, b): number => numberSort({a: a.featuringScore, b: b.featuringScore, sortDirection}));
+	}, [sortBy, sortDirection, vaultList]);
+
+	const sortByScore = useCallback((): TYDaemonVaults => {
+		if (sortBy !== 'score') {
+			return vaultList;
+		}
+		return vaultList.sort((a, b): number => {
+			const aScore = a.info.riskLevel;
+			const bScore = b.info.riskLevel;
+			if (sortDirection === 'asc') {
+				return aScore - bScore;
+			}
+			return bScore - aScore;
+		});
+	}, [sortBy, sortDirection, vaultList]);
 
 	const stringifiedVaultList = serialize(vaultList);
 	const sortedVaults = useMemo((): TYDaemonVaults => {
@@ -178,6 +212,9 @@ export function useSortVaults(
 		if (sortBy === 'featuringScore') {
 			return sortedByFeaturingScore();
 		}
+		if (sortBy === 'score') {
+			return sortByScore();
+		}
 
 		return sortResult;
 	}, [
@@ -190,7 +227,8 @@ export function useSortVaults(
 		sortedByAPY,
 		sortedByDeposited,
 		sortedByAvailable,
-		sortedByFeaturingScore
+		sortedByFeaturingScore,
+		sortByScore
 	]);
 
 	return sortedVaults;
diff --git a/package.json b/package.json
index e1b701837..c78d5bf1a 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "@tailwindcss/typography": "^0.5.13",
     "@tanstack/react-query": "^5.51.11",
     "@wagmi/core": "^2.11.7",
-    "@yearn-finance/web-lib": "^4.0.10",
+    "@yearn-finance/web-lib": "^4.1.1",
     "axios": "^1.7.2",
     "ethers": "5.7.2",
     "framer-motion": "^11.2.10",
diff --git a/pages/v3/index.tsx b/pages/v3/index.tsx
index 7d9748b9d..94d2aeb65 100644
--- a/pages/v3/index.tsx
+++ b/pages/v3/index.tsx
@@ -346,6 +346,12 @@ function ListOfVaults(): ReactElement {
 					}}
 					items={[
 						{label: 'Vault', value: 'name', sortable: true, className: 'col-span-2'},
+						{
+							label: 'Risk Level',
+							value: 'score',
+							sortable: true,
+							className: 'col-span-1 whitespace-nowrap'
+						},
 						{label: 'Est. APY', value: 'estAPY', sortable: true, className: 'col-span-2'},
 						{label: 'Hist. APY', value: 'APY', sortable: true, className: 'col-span-2'},
 						{label: 'Available', value: 'available', sortable: true, className: 'col-span-2'},
diff --git a/style.css b/style.css
index d4de0979a..d387d9167 100755
--- a/style.css
+++ b/style.css
@@ -111,15 +111,6 @@
 ** Table
 ** Fake table properties
 ***************************************************************************************************/
-	.yearn--table-head-wrapper {
-		@apply mb-2 hidden w-full px-10 md:grid md:grid-cols-[64px_repeat(7,_minmax(0,_1fr))];
-	}
-	.yearn--table-head-token-section {
-		@apply col-span-2;
-	}
-	.yearn--table-head-data-section {
-		@apply col-span-5 grid grid-cols-8 gap-x-7;
-	}
 	.yearn--table-head-label {
 		@apply text-start text-base text-neutral-400;
 	}