b21 - Text gets distorted after translation

See attached screen shot of FishSim app.
Right side is result when compiled as-is.
Left side has translateX removed from the following code:

var textOverlay:Text = Text {
        fill: Color.WHITE font: Font { size: 16 }
    content: "Click to create ripples"
    y: 70
// translateX: bind (width-textOverlay.boundsInLocal.width)/2
    opacity: 1.0
    visible: true;
    };