From 0b7199fbefc5c0f0f5dd2a63b59aa6ee19607b8f Mon Sep 17 00:00:00 2001
From: paanSinghCoder <gaurav3017@gmail.com>
Date: Tue, 17 Mar 2026 11:20:43 +0530
Subject: [PATCH 1/4] fix: add tooltip for row text

---
 .../views/organizations/details/tokens/columns.tsx  | 13 ++++++++++++-
 .../organizations/details/tokens/tokens.module.css  | 10 ++++++++++
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/web/sdk/admin/views/organizations/details/tokens/columns.tsx b/web/sdk/admin/views/organizations/details/tokens/columns.tsx
index c9f78f3e0..8d39f2d1a 100644
--- a/web/sdk/admin/views/organizations/details/tokens/columns.tsx
+++ b/web/sdk/admin/views/organizations/details/tokens/columns.tsx
@@ -7,6 +7,7 @@ import {
   Flex,
   getAvatarColor,
   Text,
+  Tooltip,
 } from "@raystack/apsara";
 import type {
   SearchOrganizationTokensResponse_OrganizationToken,
@@ -29,6 +30,7 @@ export const getColumns = (): DataTableColumnDef<
         cell: styles["first-column"],
         header: styles["first-column"],
       },
+      styles: { header: { width: "180px" } },
       cell: ({ getValue }) => {
         const value = getValue() as TimeStamp;
         const date = isNullTimestamp(value)
@@ -43,6 +45,7 @@ export const getColumns = (): DataTableColumnDef<
     {
       accessorKey: "amount",
       header: "Tokens",
+      styles: { header: { width: "220px" } },
       cell: ({ row, getValue }) => {
         const prefix = row.original.type === "credit" ? "+" : "-";
         const value = getValue() as number;
@@ -56,7 +59,15 @@ export const getColumns = (): DataTableColumnDef<
       accessorKey: "description",
       header: "Events",
       cell: ({ getValue }) => {
-        return getValue();
+        const text = (getValue() as string) ?? "";
+        if (!text) return text;
+        return (
+          <span className={styles["truncate-tooltip-wrapper"]}>
+            <Tooltip message={text} delayDuration={500}>
+              <span className={styles["truncate-text"]}>{text}</span>
+            </Tooltip>
+          </span>
+        );
       },
       enableHiding: true,
     },
diff --git a/web/sdk/admin/views/organizations/details/tokens/tokens.module.css b/web/sdk/admin/views/organizations/details/tokens/tokens.module.css
index 3fc52a098..91bc86c80 100644
--- a/web/sdk/admin/views/organizations/details/tokens/tokens.module.css
+++ b/web/sdk/admin/views/organizations/details/tokens/tokens.module.css
@@ -26,3 +26,13 @@
 .first-column {
   padding-left: var(--rs-space-7);
 }
+
+.truncate-tooltip-wrapper>* {
+  width: 100%;
+}
+
+.truncate-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
\ No newline at end of file

From 0df765d272a2156d9abe5d870367947a201f7f98 Mon Sep 17 00:00:00 2001
From: paanSinghCoder <gaurav3017@gmail.com>
Date: Tue, 17 Mar 2026 11:26:06 +0530
Subject: [PATCH 2/4] style: add CSS rule to constrain tooltip width for better
 text truncation

---
 .../admin/views/organizations/details/tokens/tokens.module.css   | 1 +
 1 file changed, 1 insertion(+)

diff --git a/web/sdk/admin/views/organizations/details/tokens/tokens.module.css b/web/sdk/admin/views/organizations/details/tokens/tokens.module.css
index 91bc86c80..9bfe19a87 100644
--- a/web/sdk/admin/views/organizations/details/tokens/tokens.module.css
+++ b/web/sdk/admin/views/organizations/details/tokens/tokens.module.css
@@ -27,6 +27,7 @@
   padding-left: var(--rs-space-7);
 }
 
+/* Target Tooltip's root element (direct child of wrapper) – constrains width so inner text can truncate */
 .truncate-tooltip-wrapper>* {
   width: 100%;
 }

From 28ce98066f0fd820507e0b1056958cd1075d0070 Mon Sep 17 00:00:00 2001
From: paanSinghCoder <gaurav3017@gmail.com>
Date: Tue, 17 Mar 2026 11:35:24 +0530
Subject: [PATCH 3/4] style: update .truncate-text class to ensure text
 displays as a block for improved truncation

---
 .../admin/views/organizations/details/tokens/tokens.module.css   | 1 +
 1 file changed, 1 insertion(+)

diff --git a/web/sdk/admin/views/organizations/details/tokens/tokens.module.css b/web/sdk/admin/views/organizations/details/tokens/tokens.module.css
index 9bfe19a87..11cd46935 100644
--- a/web/sdk/admin/views/organizations/details/tokens/tokens.module.css
+++ b/web/sdk/admin/views/organizations/details/tokens/tokens.module.css
@@ -33,6 +33,7 @@
 }
 
 .truncate-text {
+  display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;

From bb8e932727eeb3a6d261983d2dd1893057ad6ebc Mon Sep 17 00:00:00 2001
From: paanSinghCoder <gaurav3017@gmail.com>
Date: Tue, 17 Mar 2026 11:48:28 +0530
Subject: [PATCH 4/4] chore: pass className to the cell

---
 .../admin/views/organizations/details/tokens/columns.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/web/sdk/admin/views/organizations/details/tokens/columns.tsx b/web/sdk/admin/views/organizations/details/tokens/columns.tsx
index 8d39f2d1a..721822f73 100644
--- a/web/sdk/admin/views/organizations/details/tokens/columns.tsx
+++ b/web/sdk/admin/views/organizations/details/tokens/columns.tsx
@@ -58,15 +58,14 @@ export const getColumns = (): DataTableColumnDef<
     {
       accessorKey: "description",
       header: "Events",
+      classNames: { cell: styles["truncate-tooltip-wrapper"] },
       cell: ({ getValue }) => {
         const text = (getValue() as string) ?? "";
         if (!text) return text;
         return (
-          <span className={styles["truncate-tooltip-wrapper"]}>
-            <Tooltip message={text} delayDuration={500}>
-              <span className={styles["truncate-text"]}>{text}</span>
-            </Tooltip>
-          </span>
+          <Tooltip message={text} delayDuration={500}>
+            <span className={styles["truncate-text"]}>{text}</span>
+          </Tooltip>
         );
       },
       enableHiding: true,