MathML rendering issue on mobile browser

Question

I have a slight issue while rendering math equations using MathML on mobile: Where the parenthesis of a matrix appears like this:

It renders perfectly on desktop, but not on mobile ? Is there any way to fix this ? Here is the code for the above image:

<math display="block" class="tml-display" style="display:block math;">
  <mrow>
    <mo fence="true" form="prefix">[</mo>
    <mtable columnalign="center center">
      <mtr>
        <mtd style="padding-left:0em;">
          <mn>1</mn>
        </mtd>
        <mtd style="padding-right:0em;">
          <mn>1</mn>
        </mtd>
      </mtr>
      <mtr>
        <mtd style="padding-left:0em;">
          <mn>1</mn>
        </mtd>
        <mtd style="padding-right:0em;">
          <mn>1</mn>
        </mtd>
      </mtr>
    </mtable>
    <mo fence="true" form="postfix">]</mo>
  </mrow>
</math>