From 2e990bd0654998461c94ebafa0e821932f745e1d Mon Sep 17 00:00:00 2001
From: antoncoding <antonassocareer@gmail.com>
Date: Sat, 28 Feb 2026 00:21:17 +0800
Subject: [PATCH] fix: sort and style

---
 src/features/markets/components/column-visibility.ts        | 4 ++--
 src/features/markets/components/markets-table-same-loan.tsx | 2 +-
 src/features/markets/markets-view.tsx                       | 4 ++--
 src/hooks/useFilteredMarkets.ts                             | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/features/markets/components/column-visibility.ts b/src/features/markets/components/column-visibility.ts
index 51200f35..e80392ef 100644
--- a/src/features/markets/components/column-visibility.ts
+++ b/src/features/markets/components/column-visibility.ts
@@ -22,8 +22,8 @@ export const DEFAULT_COLUMN_VISIBILITY: ColumnVisibility = {
   totalBorrow: true,
   liquidity: false,
   supplyAPY: true,
-  borrowAPY: false,
-  rateAtTarget: false,
+  borrowAPY: true,
+  rateAtTarget: true,
   trustedBy: false,
   utilizationRate: false,
   dailySupplyAPY: false,
diff --git a/src/features/markets/components/markets-table-same-loan.tsx b/src/features/markets/components/markets-table-same-loan.tsx
index 4408d7b9..586cbfa9 100644
--- a/src/features/markets/components/markets-table-same-loan.tsx
+++ b/src/features/markets/components/markets-table-same-loan.tsx
@@ -505,7 +505,7 @@ export function MarketsTableWithSameLoanAsset({
       [SortColumn.COLLATSYMBOL]: 'collateralAsset.symbol',
       [SortColumn.Supply]: 'state.supplyAssetsUsd',
       [SortColumn.APY]: 'state.supplyApy',
-      [SortColumn.Liquidity]: 'state.liquidityAssets',
+      [SortColumn.Liquidity]: 'state.liquidityAssetsUsd',
       [SortColumn.Borrow]: 'state.borrowAssetsUsd',
       [SortColumn.BorrowAPY]: 'state.borrowApy',
       [SortColumn.RateAtTarget]: 'state.apyAtTarget',
diff --git a/src/features/markets/markets-view.tsx b/src/features/markets/markets-view.tsx
index eab13ab3..e378ec9d 100644
--- a/src/features/markets/markets-view.tsx
+++ b/src/features/markets/markets-view.tsx
@@ -185,8 +185,8 @@ export default function Markets() {
           <MarketsTable
             currentPage={currentPage}
             setCurrentPage={setCurrentPage}
-            className={effectiveTableViewMode === 'compact' ? 'w-full' : undefined}
-            tableClassName={effectiveTableViewMode === 'compact' ? 'w-full min-w-full' : undefined}
+            className={effectiveTableViewMode === 'compact' ? 'w-full' : 'w-fit'}
+            tableClassName={effectiveTableViewMode === 'compact' ? 'w-full min-w-full' : 'w-fit'}
             onRefresh={handleRefresh}
             isMobile={isMobile}
           />
diff --git a/src/hooks/useFilteredMarkets.ts b/src/hooks/useFilteredMarkets.ts
index 96910e16..391c30d1 100644
--- a/src/hooks/useFilteredMarkets.ts
+++ b/src/hooks/useFilteredMarkets.ts
@@ -115,7 +115,7 @@ export const useFilteredMarkets = (): Market[] => {
       [SortColumn.Supply]: 'state.supplyAssetsUsd',
       [SortColumn.Borrow]: 'state.borrowAssetsUsd',
       [SortColumn.SupplyAPY]: 'state.supplyApy',
-      [SortColumn.Liquidity]: 'state.liquidityAssets',
+      [SortColumn.Liquidity]: 'state.liquidityAssetsUsd',
       [SortColumn.BorrowAPY]: 'state.borrowApy',
       [SortColumn.RateAtTarget]: 'state.apyAtTarget',
       [SortColumn.TrustedBy]: '',