'Task State Store' or 'Xcom' key is getting overlapped with expand/collapse details panel

[atuls4441]

Under which category would you file this issue?

Airflow Core

Apache Airflow version

3.3.0b1

What happened and how to reproduce it?

1. Run any dag and add multiple xcoms/task state store under TI Storage tab.
2. Notice that key is getting overlapped with expand/collapse details panel

What you think should happen instead?

No response

Operating System

Linux

Deployment

None

Apache Airflow Provider(s)

No response

Versions of Apache Airflow Providers

No response

Official Helm Chart version

Not Applicable

Kubernetes Version

No response

Helm Chart configuration

No response

Docker Image customizations

No response

Anything else?

No response

Are you willing to submit PR?

• Yes I am willing to submit a PR!

Code of Conduct

• I agree to follow this project's Code of Conduct

[Dotify71]

Hi @atul-astronomer! I'd like to take this up and submit a PR to fix the UI overlap.

[Revanth14]

Opened #68798 to fix this

[Dotify71]

Hi @Revanth14! I already submitted PR #68774 a couple of days ago to resolve this by adding wordBreak="break-all" to the key columns in XCom and TaskStateStore (which forces long keys to wrap and prevents the overlap).

The collaborator has already reviewed it and I've provided the verification screenshot there. Shifting the layout padding in #68798 is nice, but we still need the text wrapping fix in #68774 to prevent the tables from overflowing.