diff --git a/frontend/app/scripts/controllers/case/CaseObservablesCtrl.js b/frontend/app/scripts/controllers/case/CaseObservablesCtrl.js
index 42c352cf2d..062aa1c72b 100644
--- a/frontend/app/scripts/controllers/case/CaseObservablesCtrl.js
+++ b/frontend/app/scripts/controllers/case/CaseObservablesCtrl.js
@@ -95,16 +95,22 @@
                 });
             };
 
-            $scope.sortBy = function(field) {
-                if($scope.artifacts.sort.substr(1) !== field) {
-                    $scope.artifacts.sort = '+' + field;
+            $scope.sortByField = function(field) {
+                var context = this.filtering.context;
+                var currentSort = Array.isArray(context.sort) ? context.sort[0] : context.sort;
+                var sort = null;
+
+                if(currentSort.substr(1) !== field) {
+                    sort = ['+' + field];
                 } else {
-                    $scope.artifacts.sort = ($scope.artifacts.sort === '+' + field) ? '-'+field : '+'+field;
+                    sort = [(currentSort === '+' + field) ? '-'+field : '+'+field];
                 }
 
+                $scope.artifacts.sort = sort;
                 $scope.artifacts.update();
+                $scope.filtering.setSort(sort);
             };
-
+            
             $scope.keys = function(obj) {
                 return _.keys(obj || {});
             };
@@ -191,7 +197,7 @@
                                 $scope.analyzersList.selected[analyzer.name] = false;
                             });
                         });
-                }                
+                }
             };
 
             //
diff --git a/frontend/app/views/partials/observables/list/artifacts-list-main.html b/frontend/app/views/partials/observables/list/artifacts-list-main.html
index 6c3c139bb0..494d8effa4 100644
--- a/frontend/app/views/partials/observables/list/artifacts-list-main.html
+++ b/frontend/app/views/partials/observables/list/artifacts-list-main.html
@@ -27,7 +27,7 @@ <h4>Observable List ({{artifacts.total || 0}} of {{artifactStats.count}})</h4>
                 <th style="width: 15px"></th>
                 <th style="width: 15px"></th>
                 <th style="width: 100px">
-                  <a href class="text-default" ng-click="sortBy('dataType')">
+                  <a href class="text-default" ng-click="sortByField('dataType')">
                     Type
                     <i ng-show="artifacts.sort !== '+dataType' && artifacts.sort !== '-dataType'" class="fa fa-sort"></i>
                     <i ng-show="artifacts.sort === '+dataType'" class="fa fa-caret-up"></i>
@@ -35,7 +35,7 @@ <h4>Observable List ({{artifacts.total || 0}} of {{artifactStats.count}})</h4>
                   </a>
                 </th>
                 <th>
-                  <a href class="text-default" ng-click="sortBy('data')">
+                  <a href class="text-default" ng-click="sortByField('data')">
                     Value/Filename
                     <i ng-show="artifacts.sort !== '+data' && artifacts.sort !== '-data'" class="fa fa-sort"></i>
                     <i ng-show="artifacts.sort === '+data'" class="fa fa-caret-up"></i>
@@ -43,7 +43,7 @@ <h4>Observable List ({{artifacts.total || 0}} of {{artifactStats.count}})</h4>
                   </a>
                 </th>
                 <th style="width: 120px">
-                  <a href class="text-default" ng-click="sortBy('startDate')">
+                  <a href class="text-default" ng-click="sortByField('startDate')">
                     Date Added
                     <i ng-show="artifacts.sort !== '+startDate' && artifacts.sort !== '-startDate'" class="fa fa-sort"></i>
                     <i ng-show="artifacts.sort === '+startDate'" class="fa fa-caret-up"></i>