diff --git a/glances/outputs/static/css/style.css b/glances/outputs/static/css/style.css
index 084a5dd0446112f87cd2d9c913673c964055666b..cf25347044faf17ba37354f6039e7a7d154791a2 100644
--- a/glances/outputs/static/css/style.css
+++ b/glances/outputs/static/css/style.css
@@ -36,6 +36,9 @@ body {
     font-weight: bold;
     color: white;
 }
+.sortable {
+    cursor: pointer;
+}
 .text-right {
     text-align: right;
 }
diff --git a/glances/outputs/static/js/directives.js b/glances/outputs/static/js/directives.js
index b45ccab1b08cf06e8f67c24864f9502987e78c89..8bdc893e0d99ebd3ae340364d48a28d458735418 100644
--- a/glances/outputs/static/js/directives.js
+++ b/glances/outputs/static/js/directives.js
@@ -6,6 +6,8 @@ glancesApp.directive("sortableTh", function() {
         },
         link: function (scope, element, attrs) {
 
+            element.addClass('sortable');
+
             scope.$watch(function() {
                 return scope.sorter.column;
             }, function(newValue, oldValue) {