formのrequired項目のエラーメッセージのズレを修正したい

Question

formでrequiredを設定している項目のエラーメッセージ(バルーン？)がiosのsafari、chromeではスクショのようにズレています。cssで位置調整可能でしょうか？可能な場合、調整方法をご教授願いたいです。ちなみに設定しているcssの影響ではなくデフォルト状態からズレています。以前はこういう風にズレてなかったような気がするのですが。

ググっても該当情報が見つけられず、ご存知の方いらっしゃいましたら教えて頂けますと大変助かります。よろしくお願い致します。

<form method="post" action="mail.php">
<table class="formTable">
      <tr>
        <th>お名前<span>必須</span></th>
        <td><input type="text" name="お名前" required /></td>
      </tr>
      <tr>
        <th>メールアドレス<span>必須</span></th>
        <td><input type="text" name="メールアドレス" required /></td>
      </tr>
</table>
</form>