diff --git a/client/src/components/Nav/SettingsTabs/Data/SharedLinks.tsx b/client/src/components/Nav/SettingsTabs/Data/SharedLinks.tsx
index 57ea538c8..4e48b497b 100644
--- a/client/src/components/Nav/SettingsTabs/Data/SharedLinks.tsx
+++ b/client/src/components/Nav/SettingsTabs/Data/SharedLinks.tsx
@@ -72,12 +72,11 @@ export default function SharedLinks() {
   const [allKnownLinks, setAllKnownLinks] = useState<SharedLinkItem[]>([]);
 
   const handleSearchChange = useCallback((value: string) => {
-    const trimmedValue = value.trim();
-    setSearchValue(trimmedValue);
+    setSearchValue(value);
     setAllKnownLinks([]);
     setQueryParams((prev) => ({
       ...prev,
-      search: trimmedValue,
+      search: value,
     }));
   }, []);
 
diff --git a/client/src/components/Nav/SettingsTabs/General/ArchivedChats.tsx b/client/src/components/Nav/SettingsTabs/General/ArchivedChats.tsx
index 30aec1e77..572b50024 100644
--- a/client/src/components/Nav/SettingsTabs/General/ArchivedChats.tsx
+++ b/client/src/components/Nav/SettingsTabs/General/ArchivedChats.tsx
@@ -97,11 +97,10 @@ export default function ArchivedChatsTable() {
     });
 
   const handleSearchChange = useCallback((value: string) => {
-    const trimmedValue = value.trim();
-    setSearchValue(trimmedValue);
+    setSearchValue(value);
     setQueryParams((prev) => ({
       ...prev,
-      search: trimmedValue,
+      search: value,
     }));
   }, []);
 
diff --git a/packages/client/src/components/DataTable/DataTable.tsx b/packages/client/src/components/DataTable/DataTable.tsx
index 45b3ac138..bcaab6a52 100644
--- a/packages/client/src/components/DataTable/DataTable.tsx
+++ b/packages/client/src/components/DataTable/DataTable.tsx
@@ -464,7 +464,7 @@ function DataTable<TData extends Record<string, unknown>, TValue>({
           role="table"
           aria-label={localize('com_ui_data_table')}
           aria-rowcount={data.length}
-          className="table-fixed"
+          className="table-auto"
           unwrapped={true}
         >
           <TableHeader className="sticky top-0 z-10 bg-surface-secondary">
@@ -516,9 +516,7 @@ function DataTable<TData extends Record<string, unknown>, TValue>({
                       ? {
                           width: `${metaWidth}%`,
                           maxWidth: `${metaWidth}%`,
-                          minWidth: isSmallScreen
-                            ? `${Math.max(metaWidth * 0.7, 10)}%`
-                            : `${metaWidth}%`,
+                          minWidth: `${metaWidth}%`,
                         }
                       : {};
                   return (
diff --git a/packages/client/src/components/DataTable/DataTableComponents.tsx b/packages/client/src/components/DataTable/DataTableComponents.tsx
index de9abb6a1..d058ad409 100644
--- a/packages/client/src/components/DataTable/DataTableComponents.tsx
+++ b/packages/client/src/components/DataTable/DataTableComponents.tsx
@@ -47,6 +47,7 @@ interface TableRowComponentProps<TData extends Record<string, unknown>> {
   selected: boolean;
 }
 
+// ...existing code...
 const TableRowComponent = <TData extends Record<string, unknown>>(
   { row, virtualIndex, style, selected }: TableRowComponentProps<TData>,
   ref: React.Ref<HTMLTableRowElement>,
@@ -72,11 +73,11 @@ const TableRowComponent = <TData extends Record<string, unknown>>(
         const widthStyle =
           cell.column.id === 'select'
             ? { width: '32px', maxWidth: '32px', minWidth: '32px' }
-            : percent && percent >= 1 && percent <= 100
+            : percent
               ? {
                   width: `${percent}%`,
                   maxWidth: `${percent}%`,
-                  minWidth: isSmallScreen ? `${Math.max(percent * 0.7, 10)}%` : `${percent}%`,
+                  minWidth: `${percent}%`, // Don't shrink on mobile
                 }
               : undefined;
 
@@ -93,7 +94,7 @@ const TableRowComponent = <TData extends Record<string, unknown>>(
           <CellComponent
             key={cell.id}
             className={cn(
-              'truncate px-2 py-2 md:px-3 md:py-3',
+              'max-w-0 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',
@@ -108,6 +109,7 @@ const TableRowComponent = <TData extends Record<string, unknown>>(
     </TableRow>
   );
 };
+// ...existing code...
 
 type ForwardTableRowComponentType = <TData extends Record<string, unknown>>(
   props: TableRowComponentProps<TData> & React.RefAttributes<HTMLTableRowElement>,