q-input label issue on chrome

[henrychoy]

I didnt enter an issue for this because I can't reliably reproduce this. But the q-input label is not moving as expected in the latest version of chrome Version 141.0.7390.55 (Official Build) (arm64). Firefox seems to be fine. Any idea what could be causing this? I'm not doing anything special with my q-input's

      <q-input
        class="q-py-md"
        outlined
        label="Username"
        :rules="[requiredRule]"
        v-model="username"
        aria-required="true"
      />
      <q-input
        class="q-py-sm"
        outlined
        label="Password"
        :type="showPassword ? 'text' : 'password'"
        :rules="[requiredRule]"
        v-model="password"
        aria-required="true"
      >
        <template v-slot:append>
          <q-icon
            :name="showPassword ? 'visibility' : 'visibility_off'"
            class="cursor-pointer"
            @click="showPassword = !showPassword"
          />
        </template>
      </q-input>