From df43680aa1fd813212bd7bf2d37f8a662ce36e9b Mon Sep 17 00:00:00 2001
From: Daniil Polienko <donyaschefer@gmail.com>
Date: Wed, 18 Dec 2024 17:07:43 +0300
Subject: [PATCH] fix: grid

---
 .../components/details/tabs/VaultDetailsStrategies.tsx     | 7 ++++++-
 apps/vaults-v3/components/list/VaultsV3ListHead.tsx        | 2 +-
 apps/vaults-v3/components/list/VaultsV3ListRow.tsx         | 5 +----
 apps/vaults/components/list/VaultsListRow.tsx              | 2 +-
 4 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/apps/vaults-v3/components/details/tabs/VaultDetailsStrategies.tsx b/apps/vaults-v3/components/details/tabs/VaultDetailsStrategies.tsx
index ec2ab14e4..dee48413c 100755
--- a/apps/vaults-v3/components/details/tabs/VaultDetailsStrategies.tsx
+++ b/apps/vaults-v3/components/details/tabs/VaultDetailsStrategies.tsx
@@ -95,7 +95,12 @@ 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-2'},
+								{
+									label: 'Risk Level',
+									value: 'score',
+									sortable: true,
+									className: 'col-span-1 text-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/apps/vaults-v3/components/list/VaultsV3ListHead.tsx b/apps/vaults-v3/components/list/VaultsV3ListHead.tsx
index c14910636..131537841 100644
--- a/apps/vaults-v3/components/list/VaultsV3ListHead.tsx
+++ b/apps/vaults-v3/components/list/VaultsV3ListHead.tsx
@@ -79,7 +79,7 @@ export function VaultsV3ListHead({items, sortBy, sortDirection, onSort}: TListHe
 
 				<div />
 
-				<div className={cl('col-span-7 z-10', 'grid grid-cols-2 md:grid-cols-12 gap-1', 'mt-4 md:mt-0')}>
+				<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 775785315..a5e381ee1 100755
--- a/apps/vaults-v3/components/list/VaultsV3ListRow.tsx
+++ b/apps/vaults-v3/components/list/VaultsV3ListRow.tsx
@@ -524,10 +524,7 @@ 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-between md:col-span-2 md:flex-col  md:items-end md:justify-center'
-			}>
+		<div className={'col-span-2 flex flex-row justify-between md:col-span-2 md:flex-col md:justify-center'}>
 			<p className={'inline whitespace-nowrap text-start text-xs text-neutral-800/60 md:hidden'}>
 				{'Risk Score'}
 			</p>
diff --git a/apps/vaults/components/list/VaultsListRow.tsx b/apps/vaults/components/list/VaultsListRow.tsx
index e6049a35c..304f7bc25 100755
--- a/apps/vaults/components/list/VaultsListRow.tsx
+++ b/apps/vaults/components/list/VaultsListRow.tsx
@@ -443,7 +443,7 @@ export function VaultsListRow({currentVault}: {currentVault: TYDaemonVault}): Re
 
 				<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={cl('col-span-7 z-10', 'grid grid-cols-2 md:grid-cols-12 gap-1', 'mt-4 md:mt-0')}>
 					<div
 						className={'yearn--table-data-section-item col-span-2 flex-row md:flex-col'}
 						datatype={'number'}>