diff --git a/client/src/components/Nav/SettingsTabs/General/ArchivedChats.tsx b/client/src/components/Nav/SettingsTabs/General/ArchivedChats.tsx
index f5e79a61f9..2c351a50b8 100644
--- a/client/src/components/Nav/SettingsTabs/General/ArchivedChats.tsx
+++ b/client/src/components/Nav/SettingsTabs/General/ArchivedChats.tsx
@@ -248,8 +248,7 @@ export default function ArchivedChatsTable() {
           );
         },
         meta: {
-          width: 65,
-          className: 'min-w-[150px]',
+          className: 'min-w-[150px] flex-1',
         },
         enableSorting: true,
       },
@@ -269,8 +268,7 @@ export default function ArchivedChatsTable() {
           return formatDate(convo.createdAt?.toString() ?? '', isSmallScreen);
         },
         meta: {
-          width: 20,
-          className: 'min-w-[6rem]',
+          className: 'w-32 sm:w-40',
           desktopOnly: true,
         },
         enableSorting: true,
@@ -328,8 +326,7 @@ export default function ArchivedChatsTable() {
           );
         },
         meta: {
-          width: 30,
-          className: 'min-w-[5rem]',
+          className: 'w-24',
         },
         enableSorting: false,
       },
@@ -363,8 +360,8 @@ export default function ArchivedChatsTable() {
                 debounce: 300,
               },
               selection: {
-                enableRowSelection: true,
-                showCheckboxes: true,
+                enableRowSelection: false,
+                showCheckboxes: false,
               },
             }}
             filterValue={searchValue}
diff --git a/packages/client/src/components/DataTable/DataTable.tsx b/packages/client/src/components/DataTable/DataTable.tsx
index b2e193feea..088c327907 100644
--- a/packages/client/src/components/DataTable/DataTable.tsx
+++ b/packages/client/src/components/DataTable/DataTable.tsx
@@ -527,9 +527,15 @@ function DataTable<TData extends Record<string, unknown>, TValue>({
                   const metaWidth = (header.column.columnDef.meta as { width?: number } | undefined)
                     ?.width;
                   const widthStyle = isSelectHeader
-                    ? { width: '32px', maxWidth: '32px' }
+                    ? { width: '32px', maxWidth: '32px', minWidth: '32px' }
                     : metaWidth && metaWidth >= 1 && metaWidth <= 100
-                      ? { width: `${metaWidth}%`, maxWidth: `${metaWidth}%` }
+                      ? {
+                          width: `${metaWidth}%`,
+                          maxWidth: `${metaWidth}%`,
+                          minWidth: isSmallScreen
+                            ? `${Math.max(metaWidth * 0.8, 60)}px`
+                            : `${metaWidth}%`,
+                        }
                       : {};
                   return (
                     <TableHead
diff --git a/packages/client/src/components/DataTable/DataTableComponents.tsx b/packages/client/src/components/DataTable/DataTableComponents.tsx
index 2ae9433d5a..fc850f3ea7 100644
--- a/packages/client/src/components/DataTable/DataTableComponents.tsx
+++ b/packages/client/src/components/DataTable/DataTableComponents.tsx
@@ -50,44 +50,53 @@ interface TableRowComponentProps<TData extends Record<string, unknown>> {
 const TableRowComponent = <TData extends Record<string, unknown>>(
   { row, virtualIndex, style, selected }: TableRowComponentProps<TData>,
   ref: React.Ref<HTMLTableRowElement>,
-) => (
-  <TableRow
-    ref={ref}
-    data-state={selected ? 'selected' : undefined}
-    data-index={virtualIndex}
-    className="border-none hover:bg-surface-secondary"
-    style={style}
-  >
-    {row.getVisibleCells().map((cell) => {
-      const meta = cell.column.columnDef.meta as
-        | { className?: string; desktopOnly?: boolean; width?: number }
-        | undefined;
-      const isDesktopOnly = meta?.desktopOnly;
-      const percent = meta?.width;
-      const widthStyle =
-        cell.column.id === 'select'
-          ? { width: '32px', maxWidth: '32px' }
-          : percent && percent >= 1 && percent <= 100
-            ? { width: `${percent}%`, maxWidth: `${percent}%` }
-            : undefined;
+) => {
+  // Check if we're on mobile - use window.innerWidth for component-level check
+  const isSmallScreen = typeof window !== 'undefined' && window.innerWidth < 768;
 
-      return (
-        <TableCell
-          key={cell.id}
-          className={cn(
-            'truncate px-2 py-2 md:px-3 md:py-3',
-            cell.column.id === 'select' && 'w-8 p-1',
-            meta?.className,
-            isDesktopOnly && 'hidden md:table-cell',
-          )}
-          style={widthStyle}
-        >
-          {flexRender(cell.column.columnDef.cell, cell.getContext())}
-        </TableCell>
-      );
-    })}
-  </TableRow>
-);
+  return (
+    <TableRow
+      ref={ref}
+      data-state={selected ? 'selected' : undefined}
+      data-index={virtualIndex}
+      className="border-none hover:bg-surface-secondary"
+      style={style}
+    >
+      {row.getVisibleCells().map((cell) => {
+        const meta = cell.column.columnDef.meta as
+          | { className?: string; desktopOnly?: boolean; width?: number }
+          | undefined;
+        const isDesktopOnly = meta?.desktopOnly;
+        const percent = meta?.width;
+        const widthStyle =
+          cell.column.id === 'select'
+            ? { width: '32px', maxWidth: '32px', minWidth: '32px' }
+            : percent && percent >= 1 && percent <= 100
+              ? {
+                  width: `${percent}%`,
+                  maxWidth: `${percent}%`,
+                  minWidth: isSmallScreen ? `${Math.max(percent * 0.8, 60)}px` : `${percent}%`,
+                }
+              : undefined;
+
+        return (
+          <TableCell
+            key={cell.id}
+            className={cn(
+              'truncate px-2 py-2 md:px-3 md:py-3',
+              cell.column.id === 'select' && 'w-8 p-1',
+              meta?.className,
+              isDesktopOnly && 'hidden md:table-cell',
+            )}
+            style={widthStyle}
+          >
+            {flexRender(cell.column.columnDef.cell, cell.getContext())}
+          </TableCell>
+        );
+      })}
+    </TableRow>
+  );
+};
 
 type ForwardTableRowComponentType = <TData extends Record<string, unknown>>(
   props: TableRowComponentProps<TData> & React.RefAttributes<HTMLTableRowElement>,