如何更改bootstrap可排序表头的伪元素位置

Question

我正在使用bootstrap-vue组件：可排序表。你可以找到例子here。

我的问题是，如何将箭头（它们实际上是th的伪元素）从th的末尾移动到th内容旁边。只能通过CSS而且可能是html。

由于每个内容长度不同，我不能简单地使用箭头的绝对位置。