diff --git a/src/components/table/SortableHeader.vue b/src/components/table/SortableHeader.vue
index d6f843e..ecee792 100644
--- a/src/components/table/SortableHeader.vue
+++ b/src/components/table/SortableHeader.vue
@@ -35,7 +35,7 @@ th {
     @apply relative h-8 pe-3;
 }
 span.asc, span.desc {
-    @apply absolute end-1 cursor-pointer text-xs;
+    @apply absolute end-1 cursor-pointer text-xs transition-opacity;
 }
 span.asc {
     @apply top-0.5;