I found a page where somebody is reporting something similar
I will add a link to this discussion on that page.
Try to clear your browser cache while you are on another webpage.
The missing needles happen when I am using the HA iOS Mobile app and not in a browser.
Your suggestion inspired me to do the following:
- start the HA mobile app
- in Configuration / Companion App / Debugging select “Reset frontend cache”
- stop the HA Mobile App
- start the HA Mobile App.
Unfortunately the needles are not displayed on the screen.
Ok, good that you check that in the mobile app too, then the developers can rule that out 
1 Like
After update my iPhone8 with iOS 15.2. I’m facing this problem too.
2 Likes
Same thing on Mac OS Monterey 12.1 in both Safari and the HA Companion App. But not in Chrome or FireFox.
Looks like a change in Apple’s WebKit is causing this.
Same issue here. iOS 15.1 works fine. iOS 15.2 shows misaligned gauges
yep… Just upgrade to ios 15.2 broke the gauges. on both browser and mobile apps, first thought it safari issues downloaded chrome on iphone, still the same.
iOS HA app update 2021.12 does not solve the issue unfortunately
Same here, happened after update iOS to 15.2
Adrie de Regt
+1 - Broken after upgrading to IOS15.2. As well as the frontend issue linked above, this one is also open for the IOS App: Gauge not displayed properly · Issue #2002 · home-assistant/iOS · GitHub
Happens on Macbook Pro Monterey and the Home Assistant app but is ok in Chrome.
1 Like
Can confirm. Issue happens on iPhone, iPad, Mac in the HA app. All devices on 15.2 and latest Monterrey
Still no luck? Had the update and needle as colors miss lined
1 Like
Yes, still no progress on this. I think the GitHub PR has some issues. Hoping for 2022.2 …
Meanwhile I started to switch over to custom:bar-card because this broken gauge view is just horrible after so many weeks.
Yep also struggling hope that will be fixed soon
Updated to 2022.2.0 and iOS app to 2022.2 and everything is shown normally again.
Yes, same here, thanx devs!!