diff --git a/src/Umbraco.Web.UI.Client/src/views/datatypes/views/datatype.relations.html b/src/Umbraco.Web.UI.Client/src/views/datatypes/views/datatype.relations.html
index 0bc5d9f51e..486276e52c 100644
--- a/src/Umbraco.Web.UI.Client/src/views/datatypes/views/datatype.relations.html
+++ b/src/Umbraco.Web.UI.Client/src/views/datatypes/views/datatype.relations.html
@@ -16,11 +16,11 @@
 
         <!-- Document Types -->
 
-        <h5 class="mt3">
+        <h5 class="mt4" style="margin-bottom: 20px;">
             <localize key="relations_labelUsedByDocumentTypes"></localize>
         </h5>
 
-        <div class="umb-table mt3" ng-if="vm.view.loading === false && vm.hasRelations === true">
+        <div class="umb-table" ng-if="vm.view.loading === false && vm.hasRelations === true">
             
             <umb-empty-state size="small" ng-if="vm.relations.documentTypes.length < 1">
                 <localize key="relations_noDocumentTypes">No relations for Document Types.</localize>
@@ -29,6 +29,7 @@
             <div ng-if="vm.relations.documentTypes.length > 0">
                 <div class="umb-table-head">
                     <div class="umb-table-row">
+                        <div class="umb-table-cell"></div>
                         <div class="umb-table-cell umb-table__name not-fixed"><localize key="general_name">Name</localize></div>
                         <div class="umb-table-cell"><localize key="content_alias">Alias</localize></div>
                         <div class="umb-table-cell"></div>
@@ -36,7 +37,8 @@
                 </div>
                 <div class="umb-table-body">
                     <div class="umb-table-row" ng-repeat="relation in vm.relations.documentTypes">
-                        <div class="umb-table-cell umb-table__name not-fixed"><i class="icon {{relation.icon}}"></i><span class="ml2">{{relation.name}}</span></div>
+                        <div class="umb-table-cell"><i class="umb-table-body__icon {{relation.icon}}"></i></div>
+                        <div class="umb-table-cell umb-table__name">{{relation.name}}</div>
                         <div class="umb-table-cell">{{relation.alias}}</div>
                         <div class="umb-table-cell" style="width:32px"><a href="#/settings/documentTypes/edit/{{relation.id}}"><localize key="general_open">Open</localize></a></div>
                     </div>
@@ -47,11 +49,11 @@
 
         <!-- Media Types -->
 
-        <h5 class="mt4">
+        <h5 class="mt4" style="margin-bottom: 20px;">
             <localize key="relations_labelUsedByMediaTypes"></localize>
         </h5>
 
-        <div class="umb-table mt3" ng-if="vm.view.loading === false && vm.hasRelations === true">
+        <div class="umb-table" ng-if="vm.view.loading === false && vm.hasRelations === true">
             
             <umb-empty-state size="small" ng-if="vm.relations.mediaTypes.length < 1">
                 <localize key="relations_noMediaTypes">No relations for Media Types.</localize>
@@ -60,6 +62,7 @@
             <div ng-if="vm.relations.mediaTypes.length > 0">
                 <div class="umb-table-head" ng-if="vm.relations.mediaTypes.length > 0">
                     <div class="umb-table-row">
+                        <div class="umb-table-cell"></div>
                         <div class="umb-table-cell umb-table__name not-fixed"><localize key="general_name">Name</localize></div>
                         <div class="umb-table-cell"><localize key="content_alias">Alias</localize></div>
                         <div class="umb-table-cell"></div>
@@ -67,7 +70,8 @@
                 </div>
                 <div class="umb-table-body">
                     <div class="umb-table-row" ng-repeat="relation in vm.relations.mediaTypes">
-                        <div class="umb-table-cell umb-table__name not-fixed"><i class="icon {{relation.icon}}"></i><span class="ml2">{{relation.name}}</span></div>
+                        <div class="umb-table-cell"><i class="umb-table-body__icon {{relation.icon}}"></i></div>
+                        <div class="umb-table-cell umb-table__name">{{relation.name}}</div>
                         <div class="umb-table-cell">{{relation.alias}}</div>
                         <div class="umb-table-cell" style="width:32px"><a href="#/settings/mediaTypes/edit/{{relation.id}}"><localize key="general_open">Open</localize></a></div>
                     </div>
@@ -79,11 +83,11 @@
 
         <!-- Member Types -->
 
-        <h5 class="mt4">
+        <h5 class="mt4" style="margin-bottom: 20px;">
             <localize key="relations_labelUsedByMemberTypes"></localize>
         </h5>
 
-        <div class="umb-table mt3" ng-if="vm.view.loading === false && vm.hasRelations === true">
+        <div class="umb-table" ng-if="vm.view.loading === false && vm.hasRelations === true">
 
             <umb-empty-state size="small" ng-if="vm.relations.memberTypes.length < 1">
                 <localize key="relations_noMemberTypes">No relations for Member Types.</localize>
@@ -92,6 +96,7 @@
             <div ng-if="vm.relations.memberTypes.length > 0">
                 <div class="umb-table-head" ng-if="vm.relations.memberTypes.length > 0">
                     <div class="umb-table-row">
+                        <div class="umb-table-cell"></div>
                         <div class="umb-table-cell umb-table__name not-fixed"><localize key="general_name">Name</localize></div>
                         <div class="umb-table-cell"><localize key="content_alias">Alias</localize></div>
                         <div class="umb-table-cell"></div>
@@ -99,7 +104,8 @@
                 </div>
                 <div class="umb-table-body">
                     <div class="umb-table-row" ng-repeat="relation in vm.relations.memberTypes">
-                        <div class="umb-table-cell umb-table__name not-fixed"><i class="icon {{relation.icon}}"></i><span class="ml2">{{relation.name}}</span></div>
+                        <div class="umb-table-cell"><i class="umb-table-body__icon {{relation.icon}}"></i></div>
+                        <div class="umb-table-cell umb-table__name">{{relation.name}}</div>
                         <div class="umb-table-cell">{{relation.alias}}</div>
                         <div class="umb-table-cell" style="width:32px"><a href="#/settings/memberTypes/edit/{{relation.id}}"><localize key="general_open">Open</localize></a></div>
                     </div>