diff --git a/ui/index.jsp b/ui/index.jsp
index 4e478ed89e0..fadaf51fbba 100644
--- a/ui/index.jsp
+++ b/ui/index.jsp
@@ -197,7 +197,7 @@
                   <!-- Slider -->
                   <label class="size">1 GB</label>
                   <div class="slider custom-size"></div>
-                  <label class="size">100 GB</label>
+                  <label class="size max"><span></span> GB</label>
 
                   <input type="text" class="required digits" name="size" value="1" />
                   <label class="size">GB</label>
diff --git a/ui/scripts/instances.js b/ui/scripts/instances.js
index cd690e64e78..3da00e33e97 100644
--- a/ui/scripts/instances.js
+++ b/ui/scripts/instances.js
@@ -65,6 +65,9 @@
 
           action: {
             custom: cloudStack.instanceWizard({
+              maxDiskOfferingSize: function() {
+                return g_capabilities.customdiskofferingmaxsize;
+              },
               steps: [
                 // Step 1: Setup
                 function(args) {
diff --git a/ui/scripts/ui-custom/instanceWizard.js b/ui/scripts/ui-custom/instanceWizard.js
index 5d3cb0f3b1e..c4980300ca3 100644
--- a/ui/scripts/ui-custom/instanceWizard.js
+++ b/ui/scripts/ui-custom/instanceWizard.js
@@ -702,11 +702,15 @@
           $futureSteps.removeClass('loaded');
         });
 
+        var maxCustomDiskSize = args.maxDiskOfferingSize ?
+              args.maxDiskOfferingSize() : 100;
+
         // Setup tabs and slider
+        $wizard.find('.section.custom-size .size.max span').html(maxCustomDiskSize);
         $wizard.find('.tab-view').tabs();
         $wizard.find('.slider').slider({
           min: 1,
-          max: 100,
+          max: maxCustomDiskSize,
           start: function(event) {
             $wizard.find('div.data-disk-offering div.custom-size input[type=radio]').click();
           },