From b59983d652c8b92661e12ad6e878379b9c08ed81 Mon Sep 17 00:00:00 2001
From: Shailesh Parmar <shailesh.parmar.webdev@gmail.com>
Date: Mon, 11 Nov 2024 17:48:30 +0530
Subject: [PATCH] Minor: fixed sample data overlapping issue (#18581)

---
 .../ui/src/components/Database/SampleDataTable/RowData.tsx | 7 ++++---
 .../Database/SampleDataTable/SampleDataTable.component.tsx | 2 +-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Database/SampleDataTable/RowData.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Database/SampleDataTable/RowData.tsx
index 9f06d640135..47e4efd6788 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Database/SampleDataTable/RowData.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Database/SampleDataTable/RowData.tsx
@@ -33,12 +33,13 @@ export const RowData = ({ data }: { data: SampleDataType }) => {
       );
     } else if (isObject(data)) {
       return (
-        <Typography.Text
-          className="w-52 truncate cursor-pointer"
+        <Typography.Paragraph
+          className="w-52 cursor-pointer"
           data-testid="json-object"
+          ellipsis={{ rows: 4 }}
           onClick={onOpen}>
           {JSON.stringify(data)}
-        </Typography.Text>
+        </Typography.Paragraph>
       );
     } else {
       return (
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Database/SampleDataTable/SampleDataTable.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Database/SampleDataTable/SampleDataTable.component.tsx
index fe26be1a736..ace0825f9e8 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Database/SampleDataTable/SampleDataTable.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Database/SampleDataTable/SampleDataTable.component.tsx
@@ -107,7 +107,7 @@ const SampleDataTable = ({
         dataIndex: column,
         key: column,
         accessor: column,
-        width: 210,
+        width: 250,
         render: (data: SampleDataType) => <RowData data={data} />,
       };
     });