What is the URL where the issue is happening

https://roadmap.sh/claude-code

What browsers are you seeing the problem on?

Firefox, Chrome, Microsoft Edge

Describe the Bug

Describe the bug
The "Vibe Coding" label/tag in the node tree is visually broken. It is overlapping the container border of the "Visit the following roadmaps..." section below it, rather than sitting cleanly on the border line as intended.

To Reproduce

in Claude code roadmap

Scroll down to the bottom section below "Security Best Practices".

Observe the "Vibe Coding" label.

Expected behavior
The label should sit cleanly on the edge of the container box without overlapping the text or breaking the border line. (Similar to how standard roadmap.sh tags are styled).

Additional context

I tested this on different screen sizes (resizing the window) and multiple browsers, and the issue persists across all of them. Include devices.




It appears to be a CSS issue (likely related to position: absolute, margin offset, or z-index).

Output from browser console (if any)

No response

Participation

• I am willing to submit a pull request for this issue.