fix: fixed lending table widths

src/components/borrow/Table/Columns/Manage.tsx

@@ -48,7 +48,7 @@ export default function Manage(props: Props) {
   if (!address) return null
 
   return (
-    <div className='flex justify-end z-10'>
+    <div className='z-10 flex justify-end'>
       <DropDownButton items={ITEMS} text='Manage' color='tertiary' />
     </div>
   )

src/components/common/Table/Row.tsx

@@ -66,7 +66,7 @@ export default function Row<T>(props: Props<T>) {
                 spacingClassName ?? 'px-3 py-4',
                 type && type !== 'strategies' && isSymbolOrName && 'border-l',
                 type && type !== 'strategies' && getBorderColor(type, cell.row.original as any),
-                cell.column.columnDef.meta?.className ?? 'w-min',
+                cell.column.columnDef.meta?.className,
               )}
             >
               {flexRender(cell.column.columnDef.cell, cell.getContext())}

src/components/common/Table/index.tsx

@@ -76,7 +76,6 @@ export default function Table<T>(props: Props<T>) {
                       props.spacingClassName ?? 'px-4 py-3',
                       header.column.getCanSort() && 'hover:cursor-pointer',
                       header.id === 'symbol' || header.id === 'name' ? 'text-left' : 'text-right',
-                      'w-min',
                       header.column.columnDef.meta?.className,
                     )}
                   >

src/components/earn/lend/Table/Columns/DepositCap.tsx

@@ -10,6 +10,9 @@ export const DEPOSIT_CAP_META = {
   accessorKey: 'marketDepositCap',
   header: 'Deposit Cap',
   id: 'marketDepositCap',
+  meta: {
+    className: 'w-50',
+  },
 }
 
 export const marketDepositCapSortingFn = (

src/components/earn/lend/Table/Columns/LendButton.tsx

@@ -13,6 +13,9 @@ export const LEND_BUTTON_META = {
   accessorKey: 'lend',
   enableSorting: false,
   header: '',
+  meta: {
+    className: 'w-40',
+  },
 }
 
 interface Props {

src/components/earn/lend/Table/Columns/Manage.tsx

@@ -13,6 +13,9 @@ export const MANAGE_META = {
   accessorKey: 'manage',
   enableSorting: false,
   header: '',
+  meta: {
+    className: 'w-40',
+  },
 }
 
 interface Props {
@@ -75,7 +78,7 @@ export default function Manage(props: Props) {
   if (!address) return null
 
   return (
-    <div className='flex justify-end z-10'>
+    <div className='z-10 flex justify-end'>
       <DropDownButton items={ITEMS} text='Manage' color='tertiary' />
     </div>
   )