diff --git a/tuskar_ui/infrastructure/static/infrastructure/js/angular/horizon.number_picker.js b/tuskar_ui/infrastructure/static/infrastructure/js/angular/horizon.number_picker.js
index 0af46a947..a94f1486c 100644
--- a/tuskar_ui/infrastructure/static/infrastructure/js/angular/horizon.number_picker.js
+++ b/tuskar_ui/infrastructure/static/infrastructure/js/angular/horizon.number_picker.js
@@ -1,9 +1,9 @@
-angular.module('hz').directive('hrNumberPicker', function() {
+angular.module('hz').directive('hrNumberPicker', ['hzConfig', function(hzConfig) {
   return {
     restrict: 'A',
     replace: true,
     scope: { initial_value: '=value' },
-    templateUrl: '../../static/infrastructure/angular_templates/numberpicker.html',
+    templateUrl: hzConfig.static_url + 'infrastructure/angular_templates/numberpicker.html',
     link: function(scope, element, attrs) {
       input = element.find('input').first();
       angular.forEach(element[0].attributes, function(attribute) {
@@ -33,4 +33,4 @@ angular.module('hz').directive('hrNumberPicker', function() {
       };
     }
   };
-});
+}]);