diff --git a/src/components/header/HeaderCellDirective.js b/src/components/header/HeaderCellDirective.js
index 849bfa2..3031741 100644
--- a/src/components/header/HeaderCellDirective.js
+++ b/src/components/header/HeaderCellDirective.js
@@ -34,7 +34,7 @@ export default function HeaderCellDirective($compile) {
           <span class="dt-header-cell-label"
                 ng-click="hcell.onSorted()">
           </span>
-          <span ng-class="hcell.sortClass()"></span>
+          <span ng-class="hcell.sortClass()">{{hcell.column.sortPriority}}</span>
         </div>
       </div>`,
     compile() {
diff --git a/src/dataTable.less b/src/dataTable.less
index cb18af6..6ba5141 100644
--- a/src/dataTable.less
+++ b/src/dataTable.less
@@ -95,11 +95,18 @@
       .sort-btn {
         visibility: hidden;
         display: inline-block;
+        font-size: 0.7rem;
+        vertical-align: super;
 
         &.sort-desc,
         &.sort-asc {
           visibility: visible;
         }
+
+        &::before {
+          font-size: 1.2rem;
+          vertical-align: bottom;
+        }
       }
 
       .dt-resize-handle {