diff --git a/src/views/offering/AddComputeOffering.vue b/src/views/offering/AddComputeOffering.vue
index 02de4c09d..559a8252c 100644
--- a/src/views/offering/AddComputeOffering.vue
+++ b/src/views/offering/AddComputeOffering.vue
@@ -333,6 +333,28 @@
             }]"
             :placeholder="this.$t('label.networkrate')"/>
         </a-form-item>
+        <a-form-item v-if="apiParams.rootdisksize">
+          <span slot="label">
+            {{ $t('label.root.disk.size') }}
+            <a-tooltip :title="apiParams.rootdisksize.description">
+              <a-icon type="info-circle" style="color: rgba(0,0,0,.45)" />
+            </a-tooltip>
+          </span>
+          <a-input
+            v-decorator="['rootdisksize', {
+              rules: [
+                {
+                  validator: (rule, value, callback) => {
+                    if (value && (isNaN(value) || value <= 0)) {
+                      callback(this.$t('message.error.number'))
+                    }
+                    callback()
+                  }
+                }
+              ]
+            }]"
+            :placeholder="this.$t('label.root.disk.size')"/>
+        </a-form-item>
         <a-form-item :label="$t('label.qostype')">
           <a-radio-group
             v-decorator="['qostype', {
@@ -964,6 +986,9 @@ export default {
         if (values.networkrate != null && values.networkrate.length > 0) {
           params.networkrate = values.networkrate
         }
+        if (values.rootdisksize != null && values.rootdisksize.length > 0) {
+          params.rootdisksize = values.rootdisksize
+        }
         if (values.qostype === 'storage') {
           var customIops = values.iscustomizeddiskiops === true
           params.customizediops = customIops