diff --git a/src/sunstone/public/js/plugins/provision-tab.js b/src/sunstone/public/js/plugins/provision-tab.js
index ec65409fe0..db8ee44732 100644
--- a/src/sunstone/public/js/plugins/provision-tab.js
+++ b/src/sunstone/public/js/plugins/provision-tab.js
@@ -2662,41 +2662,16 @@ function show_provision_user_info_callback(request, response) {
   var info = response.USER;
 
   var default_user_quotas = Quotas.default_quotas(info.DEFAULT_USER_QUOTAS);
-  var vms_quota = Quotas.vms(info, default_user_quotas);
-  var cpu_quota = Quotas.cpu(info, default_user_quotas);
-  var memory_quota = Quotas.memory(info, default_user_quotas);
-  var volatile_size_quota = Quotas.volatile_size(info, default_user_quotas);
-  var image_quota = Quotas.image(info, default_user_quotas);
-  var network_quota = Quotas.network(info, default_user_quotas);
-  var datastore_quota = Quotas.datastore(info, default_user_quotas);
 
-  var quotas_html;
-  if (vms_quota || cpu_quota || memory_quota || volatile_size_quota || image_quota || network_quota || datastore_quota) {
-    quotas_html = '<div class="large-6 columns">' + vms_quota + '</div>';
-    quotas_html += '<div class="large-6 columns">' + cpu_quota + '</div>';
-    quotas_html += '<div class="large-6 columns">' + memory_quota + '</div>';
-    quotas_html += '<div class="large-6 columns">' + volatile_size_quota+ '</div>';
-    quotas_html += '<div class="large-6 columns">' + image_quota + '</div>';
-    quotas_html += '<div class="large-6 columns">' + network_quota + '</div>';
-    quotas_html += '<div class="large-12 columns">' + datastore_quota + '</div>';
-  } else {
-    quotas_html = '<div class="row">'+
-      '<div class="large-8 large-centered columns">'+
-        '<div class="text-center">'+
-          '<span class="fa-stack fa-5x" style="color: #dfdfdf">'+
-            '<i class="fa fa-cloud fa-stack-2x"></i>'+
-            '<i class="fa fa-align-left fa-stack-1x fa-inverse"></i>'+
-          '</span>'+
-          '<br>'+
-          '<p style="font-size: 18px; color: #999">'+
-            tr("There are no quotas defined")+
-          '</p>'+
-        '</div>'+
-      '</div>'+
-    '</div>';
-  }
+  var quotas_tab_html = initQuotasPanel(info, default_user_quotas,
+                                      "#provision_user_info_quotas_div", false);
 
-  $("#provision_user_info_quotas_div").html(quotas_html);
+  $("#provision_user_info_quotas_div").html(quotas_tab_html);
+
+  setupQuotasPanel(info,
+      "#provision_user_info_quotas_div",
+      false,
+      "User");
 
   var ssh_key = info.TEMPLATE.SSH_PUBLIC_KEY;
   if (ssh_key && ssh_key.length) {
@@ -2724,41 +2699,16 @@ function show_provision_group_info_callback(request, response) {
   var context = $("#provision_manage_vdc");
 
   var default_group_quotas = Quotas.default_quotas(info.DEFAULT_GROUP_QUOTAS);
-  var vms_quota = Quotas.vms(info, default_group_quotas);
-  var cpu_quota = Quotas.cpu(info, default_group_quotas);
-  var memory_quota = Quotas.memory(info, default_group_quotas);
-  var volatile_size_quota = Quotas.volatile_size(info, default_group_quotas);
-  var image_quota = Quotas.image(info, default_group_quotas);
-  var network_quota = Quotas.network(info, default_group_quotas);
-  var datastore_quota = Quotas.datastore(info, default_group_quotas);
 
-  var quotas_html;
-  if (vms_quota || cpu_quota || memory_quota || volatile_size_quota || image_quota || network_quota || datastore_quota) {
-    quotas_html = '<div class="large-6 columns">' + vms_quota + '</div>';
-    quotas_html += '<div class="large-6 columns">' + cpu_quota + '</div>';
-    quotas_html += '<div class="large-6 columns">' + memory_quota + '</div>';
-    quotas_html += '<div class="large-6 columns">' + volatile_size_quota+ '</div>';
-    quotas_html += '<div class="large-6 columns">' + image_quota + '</div>';
-    quotas_html += '<div class="large-6 columns">' + network_quota + '</div>';
-    quotas_html += '<div class="large-12 columns">' + datastore_quota + '</div>';
-  } else {
-    quotas_html = '<div class="row">'+
-      '<div class="large-8 large-centered columns">'+
-        '<div class="text-center">'+
-          '<span class="fa-stack fa-5x" style="color: #dfdfdf">'+
-            '<i class="fa fa-cloud fa-stack-2x"></i>'+
-            '<i class="fa fa-align-left fa-stack-1x fa-inverse"></i>'+
-          '</span>'+
-          '<br>'+
-          '<p style="font-size: 18px; color: #999">'+
-            tr("There are no quotas defined")+
-          '</p>'+
-        '</div>'+
-      '</div>'+
-    '</div>';
-  }
+  var quotas_tab_html = initQuotasPanel(info, default_group_quotas,
+                                      "#provision_vdc_quotas_div", false);
 
-  $("#provision_vdc_quotas_div").html(quotas_html);
+  $("#provision_vdc_quotas_div").html(quotas_tab_html);
+
+  setupQuotasPanel(info,
+      "#provision_vdc_quotas_div",
+      false,
+      "Group");
 
   accountingGraphs(
     $("#provision_info_vdc_group_acct", context),