diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css
index 16c285b816f..3668d79c89f 100644
--- a/ui/css/cloudstack3.css
+++ b/ui/css/cloudstack3.css
@@ -9654,6 +9654,12 @@ div.panel.ui-dialog div.list-view div.fixed-header {
   overflow: auto;
 }
 
+/*Acl multi-edit*/
+div.ui-dialog div.acl div.multi-edit div.data div.data-body {
+    width:100%;
+}
+
+
 /*Action icons*/
 .action.edit .icon {
   background-position: 1px -1px;
diff --git a/ui/scripts/ui-custom/vpc.js b/ui/scripts/ui-custom/vpc.js
index debf63564fd..b27e5f2f365 100644
--- a/ui/scripts/ui-custom/vpc.js
+++ b/ui/scripts/ui-custom/vpc.js
@@ -589,7 +589,7 @@
       break;
     case 'acl':
       // Show ACL dialog
-      $('<div>').multiEdit(
+      $('<div>').addClass('acl').multiEdit(
         $.extend(true, {}, actionArgs.multiEdit, {
           context: context
         })