Fixing miss-aligned monospace text in Android browsers

I've recently tried to render some ASCII diagrams like the one below in a <pre> tag in HTML. While it looked fine in Neovim and in the MacOS and iOS browsers, I've noticed that on Android the boxes were slightly misaligned. │ ┌────▼─────┐ │ Phase 1 │ └────┬─────┘ │ ┌────▼─────┐ │ Phase 2 │ └────┬─────┘ │ ▼ Original : the diagram above should not align on Android devices │ ┌────▼─────┐ │ Phase 1 │…