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