diff --git a/app/controllers/controller.js b/app/controllers/controller.js
index 226a3cc..eaabc38 100644
--- a/app/controllers/controller.js
+++ b/app/controllers/controller.js
@@ -51,6 +51,7 @@ angular.module("umbraco").controller("Imulus.ArchetypeController", function ($sc
         axis: 'y',
         cursor: "move",
         handle: ".handle",
+        connectWith: ".archetypeSortable",
         start: function(ev, ui) {
             draggedRteSettings = {};
             $(rteClass, ui.item.parent()).each(function () {
diff --git a/app/views/archetype.default.html b/app/views/archetype.default.html
index 8d20074..c163c48 100644
--- a/app/views/archetype.default.html
+++ b/app/views/archetype.default.html
@@ -1,7 +1,7 @@
 {{VERSION_HTML}}
 <div class="archetypeEditor ng-class:model.config.customCssClass">
     <textarea class="archetypeDeveloperModel" ng-show="model.config.developerMode" ng-model="model.value"></textarea>
-    <ul ui-sortable="sortableOptions" ng-model="model.value.fieldsets" ng-show="!showAddButton()">
+    <ul ui-sortable="sortableOptions" class="archetypeSortable" ng-model="model.value.fieldsets" ng-show="!showAddButton()">
         <li ng-repeat="fieldset in model.value.fieldsets">
             <fieldset ng-class="['archetype-fieldset-' + fieldset.alias, (getFieldsetValidity(fieldset) == false ? 'archetypeFieldsetError' : '')]" ng-init="fieldsetConfigModel = getConfigFieldsetByAlias(fieldset.alias)">
                 <div class="archetypeFieldsetLabel" ng-class="{enableCollapsing: model.config.enableCollapsing}">