From c653c48ed2765568e7bbfd6b311d71d0a1fd7d4e Mon Sep 17 00:00:00 2001
From: Manan Jain <96533641+MananJain-IITJ@users.noreply.github.com>
Date: Wed, 16 Oct 2024 14:27:06 +0530
Subject: [PATCH] fix: styling for last image in person grid (#13444)

* Add Display Content to LastPersonContainer Div

* Update web/src/lib/components/faces-page/people-infinite-scroll.svelte

Co-authored-by: Jason Rasmussen <jason@rasm.me>

---------

Co-authored-by: manan <manan@manan.myguest.virtualbox.org>
Co-authored-by: Jason Rasmussen <jason@rasm.me>
---
 web/src/lib/components/faces-page/people-infinite-scroll.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/lib/components/faces-page/people-infinite-scroll.svelte b/web/src/lib/components/faces-page/people-infinite-scroll.svelte
index aefd6fe957..1f613c52a0 100644
--- a/web/src/lib/components/faces-page/people-infinite-scroll.svelte
+++ b/web/src/lib/components/faces-page/people-infinite-scroll.svelte
@@ -23,7 +23,7 @@
 <div class="w-full grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 xl:grid-cols-7 2xl:grid-cols-9 gap-1">
   {#each people as person, index (person.id)}
     {#if hasNextPage && index === people.length - 1}
-      <div bind:this={lastPersonContainer}>
+      <div bind:this={lastPersonContainer} class="contents">
         <slot {person} {index} />
       </div>
     {:else}