1 files changed, 3 insertions, 3 deletions
diff --git a/components/data-table/data-table.tsx b/components/data-table/data-table.tsx
index b898c2ea..07e4dcd2 100644
--- a/components/data-table/data-table.tsx
+++ b/components/data-table/data-table.tsx
@@ -90,7 +90,7 @@ export function DataTable<TData>({
                       key={header.id}
                       colSpan={header.colSpan}
                       data-column-id={header.column.id}
-                      className={compactStyles.header}
+                      className={cn(compactStyles.header, "whitespace-normal break-words")}
                       style={{
                         ...getCommonPinningStylesWithBorder({ 
                           column: header.column, 
@@ -161,7 +161,7 @@ export function DataTable<TData>({
                           </button>
                         )}
 
-                        <span className="font-semibold">
+                        <span className="font-semibold whitespace-normal break-words">
                           {columnLabel}: {row.getValue(groupingColumnId)}
                         </span>
                         <span className="ml-2 text-xs text-muted-foreground">
@@ -188,7 +188,7 @@ export function DataTable<TData>({
                         <TableCell
                           key={cell.id}
                           data-column-id={cell.column.id}
-                          className={compactStyles.cell}
+                          className={cn(compactStyles.cell, "whitespace-normal break-words")}
                           style={{
                             ...getCommonPinningStylesWithBorder({ column: cell.column }),
                             width: cell.column.getSize(),