th a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    text-decoration: none;
    color: inherit;
    white-space: nowrap;
}

th.asc a::after {
    content: '▲';
    font-size: 12px;
    margin-left: 5px;
    display: inline;
}

th.desc a::after {
    content: '▼';
    font-size: 12px;
    margin-left: 5px;
    display: inline;
}