¿Why check-button doesnt show correctly on mobile?

Okay so i got this little login page

on desktop:

desk

on mobile:

enter image description here

html:

<section class="flex-container">

  <div class="imagex">
    <img src="./src/rat2.svg" class='rat' alt="" srcset="">
  </div>

  <div class="form-container">

      <input class="form-control form-i" type="text" placeholder="ID">
    
      <input class="form-control form-i" type="password" placeholder="PASSWORD">
    
      <div class="form-f">
      <input class="form-i check" type="checkbox"">
      <p>REMEMBER ME</p>
    </div>

      <button class="btn btn-primary form-i btnF" type="submit">SIGN</button>
  </div>

why works different ?