diff --git a/src/lib/mat-multi-sort-table-settings/mat-multi-sort-table-settings.component.html b/src/lib/mat-multi-sort-table-settings/mat-multi-sort-table-settings.component.html
index 6b1c13e..c5647f4 100644
--- a/src/lib/mat-multi-sort-table-settings/mat-multi-sort-table-settings.component.html
+++ b/src/lib/mat-multi-sort-table-settings/mat-multi-sort-table-settings.component.html
@@ -27,7 +27,7 @@
 <ng-template #templateRef>
   <div cdkDropList class="column-list" (cdkDropListDropped)="drop($event)">
     <div class="column-item" *ngFor="let column of _tableData.columns" cdkDrag>
-      <mat-icon>drag_indicator</mat-icon>
+      <mat-icon cdkDragHandle>drag_indicator</mat-icon>
       <mat-checkbox [(ngModel)]="column.isActive" (change)="toggle()">{{column.name}}</mat-checkbox>
     </div>
   </div>
diff --git a/src/lib/mat-multi-sort-table-settings/mat-multi-sort-table-settings.component.scss b/src/lib/mat-multi-sort-table-settings/mat-multi-sort-table-settings.component.scss
index e08c522..e254179 100644
--- a/src/lib/mat-multi-sort-table-settings/mat-multi-sort-table-settings.component.scss
+++ b/src/lib/mat-multi-sort-table-settings/mat-multi-sort-table-settings.component.scss
@@ -75,8 +75,8 @@
   }
 }
 
-.column-item:hover {
-  cursor: move;
+.column-item > mat-icon:hover {
+  cursor: grab;
   border-top: solid 1px rgba(0, 0, 0, .12);
   border-bottom: solid 1px rgba(0, 0, 0, .12);
 }