MathJax において、`\iff` の上に `\overset` で文字列を置くとやや左側に寄って表示されます。LaTeX で同じことをしたときのように文字列の中心と矢印の中心を合わせたいのですが、どのように書けば良いのでしょうか?

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

    <script type="math/tex; mode=display">% <![CDATA[
    a \sim b \overset{\text{def}}{\iff} a - b \equiv 0 \pmod{p} %]]></script>
    <script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>


<!-- end snippet -->

[![上のスニペットを実行したときのスクリーンショットです][1]][1]

※黄色くマーカーを付けた「def」が少し左に寄っています。

### 手元の実行環境

* Windows 10
* Google Chrome 71.0.3578.98


  [1]: https://i.sstatic.net/qpuYr.png