diff --git a/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-navigation.html b/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-navigation.html
index ed27dd39a6..6d57cc411f 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-navigation.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-navigation.html
@@ -1,7 +1,7 @@
 <ul class="umb-sub-views-nav">
     <li ng-repeat="item in navigation">
       <a class="umb-sub-views-nav-item" href="" ng-click="clickNavigationItem(item)" hotkey="{{$index+1}}" ng-class="{'is-active': item.active}">
-        <i class="icon icon-{{ item.icon }}"></i>
+        <i class="icon {{ item.icon }}"></i>
         <span class="umb-sub-views-nav-item-text">{{ item.name }}</span>
       </a>
     </li>
diff --git a/src/Umbraco.Web.UI.Client/src/views/documenttype/edit.controller.js b/src/Umbraco.Web.UI.Client/src/views/documenttype/edit.controller.js
index 078f3c025c..4364ab53a9 100644
--- a/src/Umbraco.Web.UI.Client/src/views/documenttype/edit.controller.js
+++ b/src/Umbraco.Web.UI.Client/src/views/documenttype/edit.controller.js
@@ -21,23 +21,23 @@
 		vm.page.navigation = [
 			{
 				"name": "Design",
-				"icon": "document-dashed-line",
+				"icon": "icon-document-dashed-line",
 				"view": "views/documentType/views/design/design.html",
 				"active": true
 			},
 			{
 				"name": "List view",
-				"icon": "list",
+				"icon": "icon-list",
 				"view": "views/documentType/views/listview/listview.html"
 			},
 			{
 				"name": "Permissions",
-				"icon": "keychain",
+				"icon": "icon-keychain",
 				"view": "views/documentType/views/permissions/permissions.html"
 			},
 			{
 				"name": "Templates",
-				"icon": "layout",
+				"icon": "icon-layout",
 				"view": "views/documentType/views/templates/templates.html"
 			}
 		];