Is there default design?!

[robertnicjoo]

When I use sortable in my template it break my design

without sortable

with sortable

Code

<div *ngIf="listOfData.length > 0; else noItem">
      <div class="row">
        <div [sortablejs]="listOfData">
          <div class="col-md-3" *ngFor="let item of listOfData" :key="item.id">
            <div class="w-100 align-items-center d-flex flex-column card p-4">
              <i class="fe fe-inbox"></i>
              <p class="mt-2">{{item.ticket_number}}</p>
            </div>
          </div>
        </div>
      </div>
      <ng-template #noItem>
        <div class="listWithEmpty">
            <div class="w-100 align-items-center d-flex flex-column card p-4">
              <i class="fe fe-inbox"></i>
              <p class="mt-2">This is currently empty</p>
            </div>
        </div>
      </ng-template>
  </div>

is there any design that I should take care of? why it changes my row columns?