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')