[2102132] align the utilization card of single VM overview with the design

+++ This bug was initially created as a clone of Bug #2087616 +++

Description of problem:
align the utilization card of single VM overview with the design.

doc: https://docs.google.com/document/d/18sOPRoKMG7Q6Cgphe6yPo8nEhDKgo3HT7bRWpTxz9UM/edit

Version-Release number of selected component (if applicable):

How reproducible:

Steps to Reproduce:
1.
2.
3.

Actual results:

Expected results:

Additional info:

— Additional comment from Guohua Ouyang on 2022-06-23 08:54:25 CST —

verified on v4.11.0-66

— Additional comment from errata-xmlrpc on 2022-06-23 13:40:02 CST —

This bug has been added to advisory RHEA-2022:88137 by CPaaS, owned by Greg Allen (contra-dev/pipeline@REDHAT.COM)