.draggable-item {
    cursor: grab;
    /* Improve grabbing on touch devices */
    touch-action: none;
    -ms-touch-action: none;
    -webkit-user-drag: none;
    user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px; /* larger handle */
    height: 28px;
    opacity: .7;
}

    .draggable-item:active {
        cursor: grabbing;
    }

.sortable-ghost {
    opacity: 0.5;
    background-color: #f8f9fa;
}

.prevent-select {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Make entire row show grab cursor when draggable */
li.draggable {
    cursor: grab;
}

    li.draggable:active {
        cursor: grabbing;
    }