diff --git a/static/css/style.css b/static/css/style.css
index 724b9e4..d80d915 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1374,3 +1374,8 @@ span.text-success, span.text-warning, span.text-danger, span.text-info{
   color: #b94a48;
   text-decoration: none;
 }
+/* shopping_cart.jinja */
+.action span i:hover{
+  cursor: pointer;
+  color: #AD4242;
+}
\ No newline at end of file
diff --git a/templates/webshop/shopping-cart.jinja b/templates/webshop/shopping-cart.jinja
index 9d5765d..fac31b9 100644
--- a/templates/webshop/shopping-cart.jinja
+++ b/templates/webshop/shopping-cart.jinja
@@ -88,7 +88,7 @@
                   </td>
                   <td class="action">
                     <a href="" data-toggle="tooltip" data-placement="top" title="" data-original-title="Move to Wishlist"><i class="fa fa-heart"></i></a>
-                    <a href="{{ url_for('nereid.cart.delete_from_cart', line=line.id) }}" data-toggle="tooltip" data-placement="top" title="" data-original-title="{{ _('Remove Item') }}"><i class="fa fa-trash-o"></i></a>
+                    <span data-url="{{ url_for('nereid.cart.delete_from_cart', line=line.id) }}" data-toggle="tooltip" data-placement="top" title="" data-original-title="{{ _('Remove Item') }}" class="remove_from_cart"><i class="fa fa-trash-o"></i></span>
                   </td>
                 </tr>
                 {% endfor %}
@@ -203,6 +203,15 @@
     $("a.clear-cart").click(function(){
       $(this).button('loading');
     });
+    $('.remove_from_cart').on('click', function(){
+      $.ajax({
+        type: "POST",
+        url: $(this).data("url"),
+      })
+      .success(function(){
+        location.reload();
+      });
+    });
   });
 </script>
 {% endblock script_tags %}