From 28c8df34d5fc8242cc91df3c119caa5832f9a394 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?V=C3=ADctor=20Falc=C3=B3n?= Date: Mon, 9 Mar 2026 15:14:55 +0000 Subject: [PATCH] fix(transactions): cap description column width to prevent horizontal overflow (#216) ## Summary - Adds `whitespace-normal` to the description column's cell class to override the base `TableCell`'s `whitespace-nowrap`, which was preventing `max-width` from being respected in HTML auto table layout - Reduces the description column max-width from unlimited (`max-w-none`) to `300px` at `md` breakpoint and `250px` at `sm`, eliminating horizontal scroll at ~1220px viewport widths --- resources/js/components/transactions/transaction-columns.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/resources/js/components/transactions/transaction-columns.tsx b/resources/js/components/transactions/transaction-columns.tsx index 736a59ba..d1524be8 100644 --- a/resources/js/components/transactions/transaction-columns.tsx +++ b/resources/js/components/transactions/transaction-columns.tsx @@ -184,7 +184,7 @@ export function createTransactionColumns({ meta: { label: __('Description'), cellClassName: - 'max-w-[200px] sm:max-w-[400px] md:max-w-none md:w-full md:min-w-0 md:overflow-hidden', + 'max-w-[200px] sm:max-w-[250px] md:max-w-[300px] md:w-full md:min-w-0 md:overflow-hidden whitespace-normal', }, header: () => __('Description'), cell: ({ row, table }) => {