<!--IssueSummary start--> <details> <summary> Everyone can contribute. [Help move this issue forward](https://handbook.gitlab.com/handbook/marketing/developer-relations/contributor-success/community-contributors-workflows/#contributor-links) while earning points, leveling up and collecting rewards. </summary> - [Close this issue](https://contributors.gitlab.com/manage-issue?action=close&projectId=278964&issueIid=20086) </details> <!--IssueSummary end--> ### Summary When using [pseudographics](https://en.wikipedia.org/wiki/Box-drawing_character) to create graphs, there are visible gaps between vertical elements. The UI bug is reproduced in any browser and OS ### Steps to reproduce 1. Create code-box with [box-drawing characters](https://en.wikipedia.org/wiki/Box-drawing_character): ``` ┏━━━━━━━━━━┓ ┃ Shard_1 ┃ ┗━━━━━┯━━━━┛ │ ┏━━━━━┷━━━━┓ ┃ Shard_2 ┃ ┗━━━━━━━━━━┛ ``` ### Example Project This is independent from projects. ### What is the current *bug* behavior? Has gaps:  ### What is the expected *correct* behavior? No gaps:  ### Output of checks This bug happens everywhere. ### Possible fixes Decrease from 1.6em to 1.3em ``` .md pre.plaintext { line-height: 1.3em; } ```