From 554e51d543ebae2d10e0cfeb5e011639c6379fb0 Mon Sep 17 00:00:00 2001
From: Szedann <65607498+Szedann@users.noreply.github.com>
Date: Fri, 1 Aug 2025 22:19:50 +0200
Subject: [PATCH] fix: mod browser UI QC issues pt 3

---
 .../frontend/src/components/content/PackageItem.tsx          | 2 +-
 apps/onelauncher/frontend/src/routes/app/browser/route.tsx   | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/apps/onelauncher/frontend/src/components/content/PackageItem.tsx b/apps/onelauncher/frontend/src/components/content/PackageItem.tsx
index 9eb681ac..44b840c3 100644
--- a/apps/onelauncher/frontend/src/components/content/PackageItem.tsx
+++ b/apps/onelauncher/frontend/src/components/content/PackageItem.tsx
@@ -26,7 +26,7 @@ export function PackageItem({ provider, ...item }: SearchResult & { provider: Pr
 
 	return (
 		<Link
-			className="h-full min-w-50 flex overflow-hidden rounded-lg bg-component-bg hover:bg-component-bg-hover flex-col max-h-74 min-h-74"
+			className="h-full min-w-50 overflow-hidden rounded-lg bg-component-bg hover:bg-component-bg-hover grid grid-rows-[7rem_auto] max-h-74 min-h-74"
 			params={{ provider, slug: item.slug }}
 			tabIndex={0}
 			to="/app/browser/package/$provider/$slug"
diff --git a/apps/onelauncher/frontend/src/routes/app/browser/route.tsx b/apps/onelauncher/frontend/src/routes/app/browser/route.tsx
index ec8ee36b..cd64ec3c 100644
--- a/apps/onelauncher/frontend/src/routes/app/browser/route.tsx
+++ b/apps/onelauncher/frontend/src/routes/app/browser/route.tsx
@@ -79,7 +79,7 @@ function BrowserCategories() {
 			<div className="flex flex-col gap-y-6 ml-16">
 				<Show when>
 					<div className="flex flex-col gap-y-1.5">
-						<h5 className="my-1 uppercase opacity-60 font-light">Categories</h5>
+						<h5 className="my-1 text-sm uppercase opacity-60 font-light">Categories</h5>
 						{categories.map(category => (
 							<p
 								aria-selected={context.query.filters?.categories?.includes(category.id)}
@@ -144,7 +144,8 @@ function BrowserToolbar() {
 
 			<div className="flex flex-row gap-2">
 				<TextField
-					iconLeft={<SearchMdIcon />}
+					className="min-w-64"
+					iconLeft={<SearchMdIcon className="scale-75" />}
 					onChange={e => setQuery(e.currentTarget.value)}
 					onKeyDown={(e) => {
 						if (e.key !== 'Enter')