diff --git a/bower.json b/bower.json
index 34b9601..e4c0544 100644
--- a/bower.json
+++ b/bower.json
@@ -22,7 +22,7 @@
     "tests"
   ],
   "dependencies": {
-    "seiyria-bootstrap-slider": ">= 5.2 < 7.0",
+    "seiyria-bootstrap-slider": ">= 9.0.0 <= 9.4.0",
     "angular": ">= 1.3 < 1.6"
   },
   "devDependencies": {
diff --git a/slider.js b/slider.js
index b947097..223b16b 100644
--- a/slider.js
+++ b/slider.js
@@ -214,13 +214,20 @@ angular.module('ui.bootstrap-slider', [])
                 }
 
 
-                var watchers = ['min', 'max', 'step', 'range', 'scale', 'ticksLabels', 'ticks', 'rangeHighlights'];
+                var watchers = ['min', 'max', 'step', 'range', 'scale', 'ticksLabels', 'ticks'];
                 angular.forEach(watchers, function (prop) {
                     $scope.$watch(prop, function () {
                         slider = initSlider();
                     });
                 });
 
+                var collectionWatchers = ['rangeHighlights'];
+                angular.forEach(collectionWatchers, function (prop) {
+                    $scope.$watchCollection(prop, function () {
+                        slider = initSlider();
+                    });
+                });
+
                 var globalEvents = ['relayout', 'refresh', 'resize'];
                 angular.forEach(globalEvents, function(event) {
                     if(angular.isFunction(slider[event])) {