Chrome rendering MathJax equations with a trailing vertical line

If your MathJax is not the latest version, you can add this to the css style:

.MathJax nobr>span.math>span{border-left-width:0 !important};

then this problem can be solved.

This is a known issue caused by Chrome changing its rounding behavior. It will be fixed in the next release. See https://github.com/mathjax/MathJax/issues/1300

A quick and dirty method is right click one of them and select another renderer in Math Setting -> Math Renderer

Another method is create a bookmark of this link: javascript:$('.math>span').css("border-left-color","transparent") and click it in pages that use mathjax.