Home Assistant UI has misaligned text

missyq

Logging into my Home Assistant instance reveals misaligned "cards" or "buttons" as we call them, but only on my personal profile - a fresh profile reveals that the UI aligns properly (much like my other bug around logging into our Discourse forums).

It does not happen in Safari nor on Orion's mobile app. Image below to show misalignment. All screenshots are taken from the same monitor to ensure the display resolutions are identical, and trying out compatibility mode doesn't affect it.

I expect the alignment of the UI to match the frontend, as seen below.

Safari

Clean profile in Orion

(Please let me know if you want to be connected to my colleagues - happy to make dev connections!)

Version 0.99.134-beta (WebKit 622.1.9.19.2)

Sequoia (15)

laiz

Hey @missyq! Since everything works as expected on a fresh Orion profile, I'm hopeful that a simple cache clear could solve this issue.
Develop → Empty Cookies and Storage for homeassistant.local (or select the Empty Cache option below)

missyq

Thank you, I totally spaced that step!

Unfortunately, just like my other bug report for logging into our Discourse forums, emptying cache and emptying cookies/storage doesn't seem to be doing anything. For reference I first tried emptying cache, exited my personal profile, then reopened it. When that didn't work, I tried the cookies and storage - also to no avail.

It feels a little weird because...I'm not sure it's actually emptying anything? There's no indication that I did something like a refresh prompt, and I'd expect that. 🤔

laiz

missyq
That's a great point, I created a suggestion for that so it can be added #11481.

emptying cache and emptying cookies/storage doesn't seem to be doing anything.

That's unfortunate. When testing on a fresh Orion profile, I assume you simply created a new profile and immediately accessed your HA UI. The next step would be figuring out if you get the same undesired outcome after configuring the fresh profile to be identical to your currently "broken" one (extensions, settings, user agent).

Before going through all that effort, could you see if enabling Compatibility mode on the misbehaving profile does anything?

Thank you for your patience!

RoxyRoxyRoxy

laiz @missyq Did you end up trying this?