title: Mathjax weird spacing before and after display math
body: <p>I am using MathJax to render math on my site and noticed a problem with spacing unequality before and after the "display"/"block" math.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script type="text/x-mathjax-config"&gt;
  MathJax.Hub.Config({
      displayAlign: "left",
      tex2jax: {
          inlineMath: [ ['\\(','\\)'] ],
          displayMath: [ ['\\[','\\]'] ],
      },
     CommonHTML: { linebreaks: { automatic: true } },
      "HTML-CSS": { linebreaks: { automatic: true } },
      SVG: { linebreaks: { automatic: true } },
      TeX: {extensions: ['AMSmath.js', 'AMSsymbols.js']}
  });
  &lt;/script&gt;
  
  &lt;script async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/latest.js?config=default"&gt;&lt;/script&gt;
  
  MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
  &lt;br&gt;
  &lt;br&gt;
  \[ R_{\mu \nu }-{\tfrac {1}{2}}R\,g_{\mu \nu }+\Lambda g_{\mu \nu }={\frac {8\pi G}{c^{4}}}T_{\mu \nu } \]
  &lt;br&gt;
  &lt;br&gt;
  MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM</code></pre>
  </div>
  </div>
  </p>
  
  <p>As you can see the spacing after the math is bigger (55px) than spacing before (39px) it while it should be equal.</p>
  
  <p>How to fix this?</p>