From 2345817d70e2c3014cbf265c68a15c52fbf32bf6 Mon Sep 17 00:00:00 2001
From: hemahg <hhg@redhat.com>
Date: Tue, 7 Jan 2025 23:59:32 +0530
Subject: [PATCH] fix buggy row in message browser

Signed-off-by: hemahg <hhg@redhat.com>
---
 ui/components/MessagesTable/MessagesTable.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/ui/components/MessagesTable/MessagesTable.tsx b/ui/components/MessagesTable/MessagesTable.tsx
index 0b6c3926b..2aecc1c88 100644
--- a/ui/components/MessagesTable/MessagesTable.tsx
+++ b/ui/components/MessagesTable/MessagesTable.tsx
@@ -48,7 +48,7 @@ const columnWidths: Record<Column, BaseCellProps["width"]> = {
   timestamp: 15,
   timestampUTC: 15,
   headers: 20,
-  value: undefined,
+  value: 15,
 };
 
 const defaultColumns: Column[] = [
@@ -189,7 +189,7 @@ export function MessagesTable({
                     <Th
                       key={key}
                       width={columnWidths[column]}
-                      modifier={"fitContent"}
+                      modifier={"truncate"}
                       sort={
                         column === "timestamp" ||
                         column === "timestampUTC" ||
@@ -217,7 +217,11 @@ export function MessagesTable({
 
                     function Cell({ children }: PropsWithChildren) {
                       return (
-                        <Td key={key} dataLabel={columnLabels[column]}>
+                        <Td
+                          key={key}
+                          dataLabel={columnLabels[column]}
+                          modifier="truncate"
+                        >
                           {children}
                         </Td>
                       );