From f3d2538b4f9dbdc062936f80ec3d12abea025b6e Mon Sep 17 00:00:00 2001
From: Dushyant Acharya <dushyantacharya873@gmail.com>
Date: Fri, 19 Jun 2026 23:14:44 +0530
Subject: [PATCH] Fix UI overlap for long keys in XCom and TaskStateStore
 tables (#68754)

---
 .../src/airflow/ui/src/pages/TaskStateStore/TaskStateStore.tsx  | 2 +-
 airflow-core/src/airflow/ui/src/pages/XCom/XCom.tsx             | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/airflow-core/src/airflow/ui/src/pages/TaskStateStore/TaskStateStore.tsx b/airflow-core/src/airflow/ui/src/pages/TaskStateStore/TaskStateStore.tsx
index 6a1b659c44470..c5f7caa475bf8 100644
--- a/airflow-core/src/airflow/ui/src/pages/TaskStateStore/TaskStateStore.tsx
+++ b/airflow-core/src/airflow/ui/src/pages/TaskStateStore/TaskStateStore.tsx
@@ -55,7 +55,7 @@ const getColumns = ({
 }: ColumnsProps): Array<ColumnDef<TaskStateStoreResponse>> => [
   {
     accessorKey: "key",
-    cell: ({ row: { original } }) => <Text>{original.key}</Text>,
+    cell: ({ row: { original } }) => <Text wordBreak="break-all">{original.key}</Text>,
     header: translate("common:key"),
   },
   {
diff --git a/airflow-core/src/airflow/ui/src/pages/XCom/XCom.tsx b/airflow-core/src/airflow/ui/src/pages/XCom/XCom.tsx
index da6582398cfc7..2bed35ddcc7ed 100644
--- a/airflow-core/src/airflow/ui/src/pages/XCom/XCom.tsx
+++ b/airflow-core/src/airflow/ui/src/pages/XCom/XCom.tsx
@@ -61,6 +61,7 @@ const getColumns = ({
 }: ColumnsProps): Array<ColumnDef<XComResponse>> => [
   {
     accessorKey: "key",
+    cell: ({ row: { original } }) => <Box wordBreak="break-all">{original.key}</Box>,
     header: translate("xcom.columns.key"),
   },
   ...(isTaskInstancePage