.sort-icon {
    margin-right: 6px;
    color: #bbb;
    transition: all 0.3s ease-in-out;
}

.sort-icon.active {
    color: #007bff; 
}

.sort-icon i {
    vertical-align: middle;
    font-size: 16px;
}

th:hover .sort-icon {
    color: #007bff;
}