Picture Elements card rotate state-label 90 degrees

Hi, I have a follow up question on the rotation part … my labels text is changing (9.0W → 1234.56W) in width. The rotate label (rotation works fine) is moving further to the right. The longer the state the more it is moving to the right.

I assume that the text is usually left aligned to the coordinates and rotated around the center, is that possible? This would at least explain why the text is moving … the longer it get’s the more the center is moving towards the right end … and after that center calculation is rotates around that point.

How can i avoid this? Any ideas?
Thanks, JKW

PS, tested and not working:

  • transform: transform-origin(0%,0%) rotate(270deg)
  • transform: “transform-origin: top left” rotate(270deg)

PPS: I love this community … it’s all there … after searching for 2 days i found it here:

TLDR: transform: translate(-50%,-50%) rotate(270deg)