From 57429ddc76efa83dc2f6066140c81727a1414418 Mon Sep 17 00:00:00 2001
From: Tushar Harsora <tusharharsora95@gmail.com>
Date: Thu, 9 May 2024 19:49:26 +0530
Subject: [PATCH] fix(web): Selected face in search filter doesn't show border
 highlight when hovered in light theme (#9348)

use border-transparent only when person is not selected

Co-authored-by: Tushar Harsora <tushar.harsora.harsora@oracle.com>
---
 .../shared-components/search-bar/search-people-section.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/lib/components/shared-components/search-bar/search-people-section.svelte b/web/src/lib/components/shared-components/search-bar/search-people-section.svelte
index a0f476de14f98..dc0d1f41a9677 100644
--- a/web/src/lib/components/shared-components/search-bar/search-people-section.svelte
+++ b/web/src/lib/components/shared-components/search-bar/search-people-section.svelte
@@ -63,11 +63,11 @@
         {#each peopleList as person (person.id)}
           <button
             type="button"
-            class="flex flex-col items-center w-20 rounded-3xl border-2 border-transparent hover:bg-immich-gray dark:hover:bg-immich-dark-primary/20 p-2 transition-all {selectedPeople.has(
+            class="flex flex-col items-center w-20 rounded-3xl border-2 hover:bg-immich-gray dark:hover:bg-immich-dark-primary/20 p-2 transition-all {selectedPeople.has(
               person.id,
             )
               ? 'dark:border-slate-500 border-slate-400 bg-slate-200 dark:bg-slate-800 dark:text-white'
-              : ''}"
+              : 'border-transparent'}"
             on:click={() => togglePersonSelection(person.id)}
           >
             <ImageThumbnail