diff --git a/src/lib/components/site/tools/tools-item.svelte b/src/lib/components/site/tools/tools-item.svelte
index 645dcfb..516216f 100644
--- a/src/lib/components/site/tools/tools-item.svelte
+++ b/src/lib/components/site/tools/tools-item.svelte
@@ -6,7 +6,7 @@
 	let { description, enhanced, logo, name, tagLine } = toolItem;
 </script>
 
-<Card.Root class="mb-4 inline-block h-full w-full hover:bg-muted/50">
+<Card.Root class="mb-4 inline-block hover:bg-muted/50">
 	<Card.Header class="flex flex-row items-center justify-between space-y-0 pb-1">
 		<div>
 			<Card.Title tag="h2" class="text-2xl font-bold">
diff --git a/src/lib/components/site/tools/tools.svelte b/src/lib/components/site/tools/tools.svelte
index 05e6f38..43883fa 100644
--- a/src/lib/components/site/tools/tools.svelte
+++ b/src/lib/components/site/tools/tools.svelte
@@ -3,7 +3,7 @@
 	import tools from '$lib/content/tools';
 </script>
 
-<div class="columns-1 gap-4 md:columns-2 lg:columns-3">
+<div class="w-full columns-1 gap-6 md:columns-2 lg:columns-3">
 	{#each tools as tool}
 		<a href={tool.url} target="_blank">
 			<Tools.Item toolItem={tool} />