diff --git a/src/Umbraco.Web.UI.Client/src/views/datatypes/datatype.delete.controller.js b/src/Umbraco.Web.UI.Client/src/views/datatypes/datatype.delete.controller.js
index 0595fb7e88..c6c58d9fa6 100644
--- a/src/Umbraco.Web.UI.Client/src/views/datatypes/datatype.delete.controller.js
+++ b/src/Umbraco.Web.UI.Client/src/views/datatypes/datatype.delete.controller.js
@@ -10,6 +10,7 @@ function DataTypeDeleteController($scope, dataTypeResource, treeService, navigat
 
     var vm = this;
 
+    vm.propertyJoinSeparator = ', <i class="icon-alert red"></i>';
     vm.hasReferences = false;
     vm.references = [];
 
diff --git a/src/Umbraco.Web.UI.Client/src/views/datatypes/delete.html b/src/Umbraco.Web.UI.Client/src/views/datatypes/delete.html
index 351b5da570..f022bed63d 100644
--- a/src/Umbraco.Web.UI.Client/src/views/datatypes/delete.html
+++ b/src/Umbraco.Web.UI.Client/src/views/datatypes/delete.html
@@ -51,7 +51,7 @@
                                 <tbody>
                                     <tr ng-repeat="relation in vm.references.documentTypes">
                                         <td><span title="{{::relation.name}}({{::relation.alias}})"><i class="umb-table-body__icon {{relation.icon}}"></i>{{::relation.name}}</span></td>
-                                        <td><span class="red"><i class="icon-alert red"></i>{{::relation.properties | CMS_joinArray:', ':'name'}}</span></td>
+                                        <td><p><span class="red" ng-repeat="property in relation.properties"><i class="icon-alert red"></i>{{::property.name}}{{$last ? '' : ', '}}</span></p></td>
                                     </tr>
                                 </tbody>
                             </table>
@@ -75,7 +75,7 @@
                                 <tbody>
                                     <tr ng-repeat="relation in vm.references.mediaTypes">
                                         <td><span title="{{::relation.name}}({{::relation.alias}})"><i class="umb-table-body__icon {{relation.icon}}"></i>{{::relation.name}}</span></td>
-                                        <td><span class="red"><i class="icon-alert red"></i>{{::relation.properties | CMS_joinArray:', ':'name'}}</span></td>
+                                        <td><p><span class="red" ng-repeat="property in relation.properties"><i class="icon-alert red"></i>{{::property.name}}{{$last ? '' : ', '}}</span></p></td>
                                     </tr>
                                 </tbody>
                             </table>
@@ -99,7 +99,7 @@
                                     <tbody>
                                         <tr ng-repeat="relation in vm.references.memberTypes">
                                             <td><span title="{{::relation.name}}({{::relation.alias}})"><i class="umb-table-body__icon {{relation.icon}}"></i>{{::relation.name}}</span></td>
-                                            <td><span class="red"><i class="icon-alert red"></i>{{::relation.properties | CMS_joinArray:', ':'name'}}</span></td>
+                                            <td><p><span class="red" ng-repeat="property in relation.properties"><i class="icon-alert red"></i>{{::property.name}}{{$last ? '' : ', '}}</span></p></td>
                                         </tr>
                                     </tbody>
                                 </table>