ES / HP UI design suggestion!

In short:

PROBLEM:

Energy Shield is very hard to see, especially on the HP/ES bar on the left.
We do have the HP/ES bar above our heads, but it's very small. It's the same if you have 200 ES or 20.000, which is a big problem for Hardcore especially.

SOLUTION:

Whenever your Energy Shield is bigger than your HP, they should swap places. Here's the UI with HP > ES:



Versus the updated version, whenever your ES > HP:



P.S: I'm playing Hardcore as a Lich, i cannot relay on the ES bar above my head.