diff --git a/src/Umbraco.Web.UI.Client/src/views/media/create.html b/src/Umbraco.Web.UI.Client/src/views/media/create.html
index f95030ec12..cfcbf1012f 100644
--- a/src/Umbraco.Web.UI.Client/src/views/media/create.html
+++ b/src/Umbraco.Web.UI.Client/src/views/media/create.html
@@ -12,10 +12,8 @@
 				<ul class="umb-actions-child">
 
 					<li data-element="action-{{docType.alias}}" ng-repeat="docType in allowedTypes">
-					    <a href="#media/media/edit/{{currentNode.id}}?doctype={{docType.alias}}&create=true" ng-click="nav.hideNavigation()">
-
+					    <a ng-href="" ng-click="createMediaItem(docType)" prevent-default>
 					        <i class="large {{docType.icon}}"></i>
-					        
 					        <span class="menu-label">
 	        		        	{{docType.name}}
 	        		            <small>
diff --git a/src/Umbraco.Web.UI.Client/src/views/media/media.create.controller.js b/src/Umbraco.Web.UI.Client/src/views/media/media.create.controller.js
index 57ab8d9c5b..d9144be8c7 100644
--- a/src/Umbraco.Web.UI.Client/src/views/media/media.create.controller.js
+++ b/src/Umbraco.Web.UI.Client/src/views/media/media.create.controller.js
@@ -6,11 +6,16 @@
  * @description
  * The controller for the media creation dialog
  */
-function mediaCreateController($scope, $routeParams, mediaTypeResource, iconHelper) {
+function mediaCreateController($scope, $routeParams, $location, mediaTypeResource, iconHelper, navigationService) {
     
     mediaTypeResource.getAllowedTypes($scope.currentNode.id).then(function(data) {
         $scope.allowedTypes = iconHelper.formatContentTypeIcons(data);
     });
+
+    $scope.createMediaItem = function(docType) {
+        $location.path("/media/media/edit/" + $scope.currentNode.id).search("doctype", docType.alias).search("create", "true");
+        navigationService.hideMenu();
+    };
     
 }