From 508e1ebf5d7b6a71c2b96986012307eb014226f2 Mon Sep 17 00:00:00 2001
From: "immich-push-o-matic[bot]"
 <179150890+immich-push-o-matic[bot]@users.noreply.github.com>
Date: Thu, 1 Oct 2026 10:43:34 +0000
Subject: [PATCH] fix(web): highlight thumbnail select icon on button hover
 (#31974)

fix(web): highlight thumbnail select icon on button hover (#31972)

(cherry picked from commit 85a09e42e530490f902a02ca97c8fd8dfdaa2c80)

Co-authored-by: Mees Frensel <33722705+meesfrensel@users.noreply.github.com>
---
 web/src/lib/components/assets/thumbnail/Thumbnail.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/lib/components/assets/thumbnail/Thumbnail.svelte b/web/src/lib/components/assets/thumbnail/Thumbnail.svelte
index 5726914b0..f2c859e51 100644
--- a/web/src/lib/components/assets/thumbnail/Thumbnail.svelte
+++ b/web/src/lib/components/assets/thumbnail/Thumbnail.svelte
@@ -395,7 +395,7 @@
       <button
         type="button"
         onclick={onIconClickedHandler}
-        class={['absolute z-2 p-2 focus:outline-none', { 'cursor-not-allowed': disabled }]}
+        class={['group/select absolute z-2 p-2 focus:outline-none', { 'cursor-not-allowed': disabled }]}
         role="checkbox"
         tabindex={-1}
         aria-checked={selected}
@@ -408,7 +408,7 @@
             <Icon data-icon-select icon={mdiCheckCircle} size="24" class="text-primary" />
           </div>
         {:else}
-          <Icon data-icon-select icon={mdiCheckCircle} size="24" class="text-white/80 hover:text-white" />
+          <Icon data-icon-select icon={mdiCheckCircle} size="24" class="text-white/80 group-hover/select:text-white" />
         {/if}
       </button>
     {/if}