Input Checkbox Jumping Around When Clicked

Im struggling with a checkbox jumping around in my list. Whenever I click it, it jumps from its position in the column to slightly left and down. Funny thing is, this happens not only when I click the actual checkbox, but also when I click anywhere in the row. This seems to only be happening on chrome for the time being, but I do recall it happening on Safari in the early dev stages of this page.

  <ul class = "list-group" style= "height: 330px; overflow-y:auto; margin-bottom:20px;">

    <li class = "list-group-item" id= "memberItem" *ngFor="let m of memberfulldetails" style= "cursor:default;">
      <div class="col-md-2"></div>
      <div class="col-md-3"></div>
      <div class="col-md-3">Registered</div>
      <div class="col-md-2">Pending</div>
      <div class="col-md-2"><input  type= "checkbox" name= "circlescheck" [(ngModel)]="m.checked" style= " cursor:pointer;" ></div>

    </li>
  </ul>