From 75b2cc53a467a339715e7c8f6e89fdf855c77512 Mon Sep 17 00:00:00 2001
From: John Costa <johncosta027@gmail.com>
Date: Fri, 18 Jul 2025 16:02:26 +0100
Subject: [PATCH] fix: gallery

---
 frontend/src/components/search-card/SearchCard.tsx | 2 +-
 frontend/src/pages/gallery/index.tsx               | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/search-card/SearchCard.tsx b/frontend/src/components/search-card/SearchCard.tsx
index 4f93ba8..1c74025 100644
--- a/frontend/src/components/search-card/SearchCard.tsx
+++ b/frontend/src/components/search-card/SearchCard.tsx
@@ -26,7 +26,7 @@ export const SearchCard = (props: { item: UserImage }) => {
 	return (
 		<A
 			href={`/entity/${props.item.data.ID}`}
-			class="h-[144px] border relative col-span-3 border-neutral-200 cursor-pointer overflow-hidden rounded-xl"
+			class="h-[144px] border relative border-neutral-200 cursor-pointer overflow-hidden rounded-xl"
 		>
 			<UnwrappedSearchCard item={props.item} />
 		</A>
diff --git a/frontend/src/pages/gallery/index.tsx b/frontend/src/pages/gallery/index.tsx
index a1c0c0e..8560c2a 100644
--- a/frontend/src/pages/gallery/index.tsx
+++ b/frontend/src/pages/gallery/index.tsx
@@ -24,8 +24,10 @@ const EntityGallery: Component<{
 		images().filter((i) => i.type === props.entity);
 
 	return (
-		<div class="w-full flex flex-col gap-4 capitalize bg-white container p-4">
-			<h2 class="font-bold text-xl">{props.entity}s</h2>
+		<div class="w-full flex flex-col gap-4 capitalize bg-white rounded-xl p-4">
+			<h2 class="font-bold text-xl">
+				{props.entity}s ({filteredCategories().length})
+			</h2>
 			<div class="grid grid-cols-3 gap-4">
 				<For each={filteredCategories()}>
 					{(category) => <SearchCard item={category} />}