diff --git a/src/Umbraco.Web.UI.Client/src/views/documenttype/views/design/design.html b/src/Umbraco.Web.UI.Client/src/views/documenttype/views/design/design.html
index f206508ad0..8a8c51241c 100644
--- a/src/Umbraco.Web.UI.Client/src/views/documenttype/views/design/design.html
+++ b/src/Umbraco.Web.UI.Client/src/views/documenttype/views/design/design.html
@@ -20,7 +20,7 @@
         </div>
 
         <!-- TAB ACTIVE OR INACTIVE STATE -->
-        <div class="edt-tab umb-card edt-tab-handle" ng-class="{'tab-state-active':tab.tabState=='active', 'tab-state-inactive': tab.tabState=='inActive', 'tab-is-inherited': tab.inherited}" ng-click="activateTab(tab)" ng-if="tab.tabState !== 'init'">
+        <div class="edt-tab umb-card" ng-class="{'tab-state-active':tab.tabState=='active', 'tab-state-inactive': tab.tabState=='inActive', 'tab-is-inherited': tab.inherited, 'edt-tab-handle': sortingMode}" ng-click="activateTab(tab)" ng-if="tab.tabState !== 'init'">
 
             <div class="tab-title-wrapper">
 
@@ -65,11 +65,10 @@
 
                         </div>
 
-                        <div class="edt-property" ng-show="property.propertyState!=='init'" ng-class="{'active': property.dialogIsOpen, 'property-state-active animated fadeIn': property.propertyState=='active', 'property-is-inherited': property.inherited}">
-
+                        <div class="edt-property" ng-show="property.propertyState!=='init'" ng-class="{'active': property.dialogIsOpen, 'property-state-active animated fadeIn': property.propertyState=='active', 'property-is-inherited': property.inherited, 'edt-property-handle': sortingMode}">
 
                             <!-- property meta text -->
-                            <div class="edt-property-meta" ng-class="{'edt-property-handle': sortingMode}">
+                            <div class="edt-property-meta">
 
                                 <div class="edt-property-inherited-from" ng-if="property.inherited"><i class="icon icon-merge"></i> Inherited from {{property.contentTypeName}}</div>