My checkboxes ends up over the text

Can someone see in my code why this happens ? My checkboxes ends up over the text.
Im very new to this so it might be an easy misstake. This is the way i written it in html.

<div>
  <ion-scroll>
    <ion-list>
        <ion-checkbox class="checkbox-calm" ng-repeat="user in users" value="{{user.username}}" ng-
            click="addToChannel()">{{user.username}}</ion-checkbox>
    </ion-list>
  </ion-scroll>
  </div>

Try This…This is my code…update it with your code :

   <div class="card" style="background-color:#EBECEC;">
                <ion-list >
                    <ion-item class="item-checkbox" style="background-color:#EBECEC;">
                        Test 1
                        <label class="checkbox">
                            <input id="test"
                                   type="checkbox"
                                   ng-model="test"/>
                        </label>
                    </ion-item>
                </ion-list>
          </div>

Thx, i’ll try it out