UI bug: overlap between txt type indicator and the content

What version of the IDE extension are you using?

26.409.20454

What subscription do you have?

Plus

Which IDE are you using?

VS Code

What platform is your computer?

Linux 6.17.0-20-generic x86_64 x86_64

What issue are you seeing?

When rendering the line rule=color | r1+=3, r2-=1 -> blue, the txt type indicator is overlapped with the content on the left side of the component. This causes visual misalignment and reduces content readability. It happen when you scroll down in the chat.

<img width="571" height="94" alt="Image" src="https://github.com/user-attachments/assets/bd05589c-6106-4b6c-ac57-6652b6b2f725" />

What steps can reproduce the bug?

1. Make the agent generate some txt block
2. Scroll down until the block is getting out of the screen

What is the expected behavior?

The txt indicator should be fixed despite of scroll behavior.

Additional information

The issue appears to be related to layout/rendering in the left container rather than the text content itself. It happen when user scroll and the top margin seems to push the label.