#2001 actually fix icon and positioning

src/definitions/collections/table.less

@@ -791,18 +791,16 @@
 }
 
 .ui.sortable.table thead th:after {
-  display: inline-block;
+  display: none;
+  font-style: normal;
+  font-weight: normal;
+  text-decoration: inherit;
   content: '';
-  width: @sortableIconWidth;
   height: 1em;
+  width: @sortableIconWidth;
   opacity: @sortableIconOpacity;
-
   margin: 0em 0em 0em @sortableIconDistance;
-
   font-family: @sortableIconFont;
-  font-style: normal;
-  font-weight: normal;
-  text-decoration: inherit;
 }
 .ui.sortable.table thead th.ascending:after {
   content: @sortableIconAscending;
@@ -826,6 +824,9 @@
   background: @sortableActiveBackground;
   color: @sortableActiveColor;
 }
+.ui.sortable.table thead th.sorted:after {
+  display: inline-block;
+}
 
 /* Sorted Hover */
 .ui.sortable.table thead th.sorted:hover {

src/themes/default/collections/table.variables

@@ -160,8 +160,8 @@
 @sortableIconDistance: 0.5em;
 @sortableIconOpacity: 0.8;
 @sortableIconFont: 'Icons';
-@sortableIconAscending: '\f0d7';
-@sortableIconDescending: '\f0d8';
+@sortableIconAscending: '\f0d8';
+@sortableIconDescending: '\f0d7';
 @sortableDisabledColor: @disabledTextColor;
 
 @sortableHoverBackground: @transparentBlack;