Need to handle horizontal orientation for DOT style

So we don't end up with this:

<img width="1104" height="154" alt="Image" src="https://github.com/user-attachments/assets/f2cd3a2c-6c60-4218-b6de-36fe9e337199" />

Currently, DOT style only works with VERTICAL orientation