diff --git a/public/viewjs/shoppinglist.js b/public/viewjs/shoppinglist.js
index 0016ea3d..085058e9 100644
--- a/public/viewjs/shoppinglist.js
+++ b/public/viewjs/shoppinglist.js
@@ -23,10 +23,15 @@ $("#search").on("keyup", function()
 
 $(document).on('click', '.shoppinglist-delete-button', function (e)
 {
-	Grocy.Api.Get('delete-object/shopping_list/' + $(e.currentTarget).attr('data-shoppinglist-id'),
+	var shoppingListItemId = $(e.currentTarget).attr('data-shoppinglist-id');
+
+	Grocy.Api.Get('delete-object/shopping_list/' + shoppingListItemId,
 		function(result)
 		{
-			window.location.href = U('/shoppinglist');
+			$('#shoppinglistitem-' + shoppingListItemId + '-row').fadeOut(500, function()
+			{
+				$(this).remove();
+			});
 		},
 		function(xhr)
 		{
diff --git a/views/shoppinglist.blade.php b/views/shoppinglist.blade.php
index 3efea294..0321d69e 100644
--- a/views/shoppinglist.blade.php
+++ b/views/shoppinglist.blade.php
@@ -38,7 +38,7 @@
 			</thead>
 			<tbody>
 				@foreach($listItems as $listItem)
-				<tr class="@if(FindObjectInArrayByPropertyValue($missingProducts, 'id', $listItem->product_id) !== null) table-info @endif">
+				<tr id="shoppinglistitem-{{ $listItem->id }}-row" class="@if(FindObjectInArrayByPropertyValue($missingProducts, 'id', $listItem->product_id) !== null) table-info @endif">
 					<td class="fit-content">
 						<a class="btn btn-sm btn-info" href="{{ $U('/shoppinglistitem/') }}{{ $listItem->id }}">
 							<i class="fas fa-edit"></i>