diff --git a/web/src/routes/(user)/albums/[albumId=id]/[[photos=photos]]/[[assetId=id]]/+page.svelte b/web/src/routes/(user)/albums/[albumId=id]/[[photos=photos]]/[[assetId=id]]/+page.svelte
index 4a29f5d8694b3..289b16a24acd4 100644
--- a/web/src/routes/(user)/albums/[albumId=id]/[[photos=photos]]/[[assetId=id]]/+page.svelte
+++ b/web/src/routes/(user)/albums/[albumId=id]/[[photos=photos]]/[[assetId=id]]/+page.svelte
@@ -357,10 +357,10 @@
       return;
     }
 
+    await updateThumbnail(assetId);
+
     viewMode = AlbumPageViewMode.VIEW;
     assetInteraction.clearMultiselect();
-
-    await updateThumbnail(assetId);
   };
 
   const updateThumbnailUsingCurrentSelection = async () => {
@@ -379,6 +379,10 @@
           albumThumbnailAssetId: assetId,
         },
       });
+      notificationController.show({
+        type: NotificationType.Info,
+        message: $t('album_cover_updated'),
+      });
     } catch (error) {
       handleError(error, $t('errors.unable_to_update_album_cover'));
     }