diff --git a/dashboard/src/views/services.html b/dashboard/src/views/services.html
index 962a74194..15febb85f 100644
--- a/dashboard/src/views/services.html
+++ b/dashboard/src/views/services.html
@@ -16,7 +16,11 @@
                 <button type="button" class="btn btn-xs btn-default pull-right" ng-click="serviceConfigure.resetToDefaults()">{{ 'services.configure.resetToDefaults' | tr }}</button>
               </label>
               <div style="padding: 0 10px;">
-                <slider id="memoryLimit" ng-model="serviceConfigure.memoryLimit" step="134217728" tooltip="hide" ticks="serviceConfigure.memoryTicks" ticks-snap-bounds="67108864"></slider>
+                <!-- <slider id="memoryLimit" ng-model="serviceConfigure.memoryLimit" step="134217728" tooltip="hide" ticks="serviceConfigure.memoryTicks" ticks-snap-bounds="67108864"></slider> -->
+                <input type="range" id="memoryLimit" ng-model="serviceConfigure.memoryLimit" step="134217728" min="{{ serviceConfigure.memoryTicks[0] }}" max="{{ serviceConfigure.memoryTicks[serviceConfigure.memoryTicks.length-1] }}" list="memoryLimitTicks" />
+                <datalist id="memoryLimitTicks">
+                  <option ng-repeat="limit in serviceConfigure.memoryTicks" value="{{ limit }}"></option>
+                </datalist>
               </div>
             </div>
 
diff --git a/dashboard/src/views/services.js b/dashboard/src/views/services.js
index f2e8f9e92..6580ecd56 100644
--- a/dashboard/src/views/services.js
+++ b/dashboard/src/views/services.js
@@ -75,7 +75,6 @@ angular.module('Application').controller('ServicesController', ['$scope', '$loca
             $scope.serviceConfigure.reset();
 
             $scope.serviceConfigure.service = service;
-            $scope.serviceConfigure.memoryLimit = service.config.memoryLimit;
             $scope.serviceConfigure.recoveryMode = !!service.config.recoveryMode;
 
             $scope.serviceConfigure.memoryTicks = [];
@@ -88,6 +87,11 @@ angular.module('Application').controller('ServicesController', ['$scope', '$loca
                 $scope.serviceConfigure.memoryTicks.push(i * 1024 * 1024);
             }
 
+            // for firefox widget update
+            $timeout(function() {
+                $scope.serviceConfigure.memoryLimit = service.config.memoryLimit;
+            }, 500);
+
             $('#serviceConfigureModal').modal('show');
         },
 
@@ -96,7 +100,7 @@ angular.module('Application').controller('ServicesController', ['$scope', '$loca
             $scope.serviceConfigure.error = null;
 
             var data = {
-                memoryLimit: $scope.serviceConfigure.memoryLimit,
+                memoryLimit: parseInt($scope.serviceConfigure.memoryLimit),
                 recoveryMode: $scope.serviceConfigure.recoveryMode
             };