diff --git a/public/js/views/medialist.js b/public/js/views/medialist.js
index ba84dcc..5566d44 100644
--- a/public/js/views/medialist.js
+++ b/public/js/views/medialist.js
@@ -74,6 +74,10 @@ window.MediaListView2 = function(options){
                 _this.editingName(false);
             }
 
+            this.removeItem = function (item) {
+                _this.collection.remove(item);
+            }
+
             this.filter = ko.observable('');
             this.collection =  kb.collectionObservable( model.get('collection'), {
                 view_model: kb.ViewModel,
diff --git a/views/templates/medialist.jade b/views/templates/medialist.jade
index 6a24103..28ef00b 100644
--- a/views/templates/medialist.jade
+++ b/views/templates/medialist.jade
@@ -60,6 +60,8 @@ block content
                   a.plain(data-bind=target )
                     img(width="150",height="100",data-bind="attr:{ src: checksum() ?  'sc/'+checksum().split('-')[0]+'.jpg' : '/pics/generic.jpg' }")
                 td
+                    - if (is_playlist)
+                      button.close.remove-media(type='button', data-bind='click: $root.removeItem, clickBubble: false') ×
                     h5(data-bind="text: name")
                     h5(data-bind="text: stat().name ? stat().name : file")
                     span.label.label-warning.format