diff --git a/web/src/components/blocks/BlockImages.vue b/web/src/components/blocks/BlockImages.vue
index f48836ac..cfd4c33f 100644
--- a/web/src/components/blocks/BlockImages.vue
+++ b/web/src/components/blocks/BlockImages.vue
@@ -72,11 +72,11 @@
             },
             onRemoveImage(index) {
                 let images = this.images;
-                let id = images[index].image_id;
+                const id = images[index].image_id;
 
                 api.removeImage(id, this.accessToken)
                     .then(response => {
-                        images.splice(index, 1);
+                        images = images.filter(image => image.image_id != id);
                         this.$emit('update:images', images);
                     });
             }
diff --git a/web/src/js/modules/api.js b/web/src/js/modules/api.js
index cb88cf69..cbf27e8f 100644
--- a/web/src/js/modules/api.js
+++ b/web/src/js/modules/api.js
@@ -75,6 +75,13 @@ export const api = {
             }
         });
     },
+    removeGalleryImage: (galleryImageId, accessToken) => {
+        return api.delete(`/api/v1/gallery-images/${galleryImageId}/`, {
+            headers: {
+                'Authorization': `Token ${accessToken}`,
+            }
+        });
+    },
     loadCourse: (courseId, accessToken) => {
         return api.get(`/api/v1/courses/${courseId}/`, {
             headers: {