diff --git a/src/Umbraco.Web.UI.Client/src/views/prevalueeditors/mediapicker.controller.js b/src/Umbraco.Web.UI.Client/src/views/prevalueeditors/mediapicker.controller.js
index baf7ada8a8..5f232555dc 100644
--- a/src/Umbraco.Web.UI.Client/src/views/prevalueeditors/mediapicker.controller.js
+++ b/src/Umbraco.Web.UI.Client/src/views/prevalueeditors/mediapicker.controller.js
@@ -31,7 +31,8 @@ function mediaPickerController($scope, dialogService, entityResource, $log, icon
         var d = dialogService.treePicker(dialogOptions);
     };
 
-    $scope.remove =function(index){
+    $scope.remove =function(index, event){
+        event.preventDefault();
         $scope.renderModel.splice(index, 1);
     };
 
diff --git a/src/Umbraco.Web.UI.Client/src/views/prevalueeditors/mediapicker.html b/src/Umbraco.Web.UI.Client/src/views/prevalueeditors/mediapicker.html
index cd4f6b20b5..2130490232 100644
--- a/src/Umbraco.Web.UI.Client/src/views/prevalueeditors/mediapicker.html
+++ b/src/Umbraco.Web.UI.Client/src/views/prevalueeditors/mediapicker.html
@@ -4,7 +4,7 @@
 	ng-model="renderModel">	
 	<li ng-repeat="node in renderModel">
 
-		<i class="icon icon-delete red hover-show pull-right" ng-click="remove($index)"></i>
+		<a href="" class="hover-show pull-right"><i class="icon icon-delete red" ng-click="remove($index, $event)"></i></a>
 
 		<i class="icon {{node.icon}} hover-hide"></i>
 		<a href prevent-default ng-click="openContentPicker()" >{{node.name}}</a>