diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
index e930937..8687b99 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
@@ -1943,6 +1943,22 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
     $scope.HighlightBodyOnExtract = function () {
         console.log(' insode HighlightBodyOnExtract. $rootScope.MaskCanvasData length= ' + $rootScope.MaskCanvasData.length + ', $rootScope.previousHighlightList.length= ' + $rootScope.previousHighlightList.length)
 
+
+        $("#btnExtract").removeClass("btn-black");
+        $("#btnExtract").addClass("btn-primary");
+
+       
+        if ($("#btnNormalMode").hasClass("btn-primary")) {
+            $("#btnNormalMode").removeClass("btn-primary");
+            $("#btnNormalMode").addClass("btn-black");
+        }
+
+        if ($("#btnHighLight").hasClass("btn-primary")) {
+            $("#btnHighLight").removeClass("btn-primary");
+            $("#btnHighLight").addClass("btn-black");
+        }
+
+
         //terminate previous running workers to create space for new workers
         $scope.layerNumber = $('#txtlayerNumber').val();
         $scope.terminateCurrentlyRunningWPs();