StatPanel: Fixed center of values in edge case scenarios (#28968)

packages/grafana-ui/src/components/BigValue/BigValueLayout.tsx

@@ -67,6 +67,10 @@ export abstract class BigValueLayout {
       zIndex: 1,
     };
 
+    if (this.justifyCenter) {
+      styles.textAlign = 'center';
+    }
+
     switch (this.props.colorMode) {
       case BigValueColorMode.Value:
         styles.color = this.valueColor;

packages/grafana-ui/src/components/BigValue/__snapshots__/BigValue.test.tsx.snap

@@ -35,6 +35,7 @@ exports[`BigValue Render with basic options should render 1`] = `
           "fontWeight": 500,
           "lineHeight": 1.2,
           "position": "relative",
+          "textAlign": "center",
           "zIndex": 1,
         }
       }