q-layout-footer not spaced evenly on ipad pro

[toymachiner62]

I have a q-layout-footer menu which looks equally spaced when using chrome and setting it to Ipad view, but when I set it to Ipad Pro the icons are all left aligned.

<!-- Mobile menu on bottom -->
    <q-layout-footer class="mobile-only fixed-bottom">
      <q-tabs color="green" inverted class="footer-menu">
        <q-route-tab
          icon="fal fa-user-alt fa-md"
          to="/overview"
          label="Profile"
          exact
          slot="title"
        />
        <q-route-tab
          icon="fal fa-users fa-md"
          to="/sharing"
          label="Care Team"
          exact
          slot="title"
        />
        <q-route-tab
          icon="fal fa-file-signature fa-md"
          to="/documents"
          label="Documents"
          exact
          slot="title"
        />
      </q-tabs>
    </q-layout-footer>

Ipad clearly has some styling applied with a media query max of 991px

Ipad Pro clearly has the styling removed b/c the width is larger than 991px.

Is this media query max of 991 done or purpose??