diff --git a/src/Umbraco.Web.UI.Client/gulp/tasks/dependencies.js b/src/Umbraco.Web.UI.Client/gulp/tasks/dependencies.js
index a5b94cd1e1..b5339b60c9 100644
--- a/src/Umbraco.Web.UI.Client/gulp/tasks/dependencies.js
+++ b/src/Umbraco.Web.UI.Client/gulp/tasks/dependencies.js
@@ -29,14 +29,17 @@ function dependencies() {
                 "./node_modules/ace-builds/src-min-noconflict/snippets/javascript.js",
                 "./node_modules/ace-builds/src-min-noconflict/snippets/css.js",
                 "./node_modules/ace-builds/src-min-noconflict/snippets/json.js",
+                "./node_modules/ace-builds/src-min-noconflict/snippets/xml.js",
                 "./node_modules/ace-builds/src-min-noconflict/theme-chrome.js",
                 "./node_modules/ace-builds/src-min-noconflict/mode-razor.js",
                 "./node_modules/ace-builds/src-min-noconflict/mode-javascript.js",
                 "./node_modules/ace-builds/src-min-noconflict/mode-css.js",
+                "./node_modules/ace-builds/src-min-noconflict/mode-json.js",
+                "./node_modules/ace-builds/src-min-noconflict/mode-xml.js",
                 "./node_modules/ace-builds/src-min-noconflict/worker-javascript.js",
                 "./node_modules/ace-builds/src-min-noconflict/worker-css.js",
-                "./node_modules/ace-builds/src-min-noconflict/mode-json.js",
-                "./node_modules/ace-builds/src-min-noconflict/worker-json.js"
+                "./node_modules/ace-builds/src-min-noconflict/worker-json.js",
+                "./node_modules/ace-builds/src-min-noconflict/worker-xml.js"
             ],
             "base": "./node_modules/ace-builds"
         },
diff --git a/src/Umbraco.Web.UI.Client/src/views/packages/edit.controller.js b/src/Umbraco.Web.UI.Client/src/views/packages/edit.controller.js
index de8ad6d1c4..4a52d7b4d7 100644
--- a/src/Umbraco.Web.UI.Client/src/views/packages/edit.controller.js
+++ b/src/Umbraco.Web.UI.Client/src/views/packages/edit.controller.js
@@ -39,6 +39,23 @@
 
         vm.versionRegex = /^(\d+\.)(\d+\.)(\*|\d+)$/;
 
+        vm.aceOption = {
+            mode: "xml",
+            theme: "chrome",
+            showPrintMargin: false,
+            advanced: {
+                fontSize: '14px',
+                enableSnippets: true,
+                enableBasicAutocompletion: true,
+                enableLiveAutocompletion: false
+            },
+            onLoad: function (_editor) {
+                vm.editor = _editor;
+
+                vm.editor.setValue(vm.package.actions);
+            }
+        };
+
         function onInit() {
 
             if (create) {
diff --git a/src/Umbraco.Web.UI.Client/src/views/packages/edit.html b/src/Umbraco.Web.UI.Client/src/views/packages/edit.html
index 0c44827af2..388af6a096 100644
--- a/src/Umbraco.Web.UI.Client/src/views/packages/edit.html
+++ b/src/Umbraco.Web.UI.Client/src/views/packages/edit.html
@@ -273,7 +273,10 @@
                             <div>
                                 <a href="https://our.umbraco.com/documentation/Reference/Packaging/" target="_blank" rel="noopener">Documentation</a>
                                 <div>
-                                    <textarea class="umb-property-editor" rows="10" ng-model="vm.package.actions"></textarea>
+                                    <div data-element="package-actions"
+                                         umb-ace-editor="vm.aceOption"
+                                         model="vm.package.actions">
+                                    </div>
                                 </div>
                             </div>
                         </umb-control-group>