diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css
index cf18ab215e6..5751fe3c271 100644
--- a/ui/css/cloudstack3.css
+++ b/ui/css/cloudstack3.css
@@ -7286,6 +7286,7 @@ div.ui-dialog div.multi-edit-add-list div.view div.data-table table.body tbody t
 }
 
 .multi-edit {
+  overflow: auto;
 }
 
 .multi-edit > form {
@@ -7464,7 +7465,6 @@ div.ui-dialog div.multi-edit-add-list div.view div.data-table table.body tbody t
 }
 
 .multi-edit .data .data-body {
-  width: 96%;
   margin: auto auto auto 11px;
   overflow: hidden;
 }
diff --git a/ui/scripts/ui/widgets/multiEdit.js b/ui/scripts/ui/widgets/multiEdit.js
index fe6c1454cfc..2480f56f872 100755
--- a/ui/scripts/ui/widgets/multiEdit.js
+++ b/ui/scripts/ui/widgets/multiEdit.js
@@ -222,8 +222,7 @@
         }
 
         // Align width to main header
-        var targetWidth = $multi.find('th.' + fieldName).width() + 5;
-        $td.width(targetWidth);
+        _medit.refreshItemWidths($multi);
 
         if (data._hideFields &&
             $.inArray(fieldName, data._hideFields) > -1) {
@@ -523,10 +522,15 @@
      * Align width of each data row to main header
      */
     refreshItemWidths: function($multi) {
+      $multi.find('.data-body').width(
+        $multi.find('form > table.multi-edit').width()
+      );
+
       $multi.find('.data tr').filter(function() {
         return !$(this).closest('.expandable-listing').size();
       }).each(function() {
         var $tr = $(this);
+
         $tr.find('td').each(function() {
           var $td = $(this);