diff --git a/src/lib/components/RepoSummaryCard.svelte b/src/lib/components/RepoSummaryCard.svelte
index 9f0791b..183ba07 100644
--- a/src/lib/components/RepoSummaryCard.svelte
+++ b/src/lib/components/RepoSummaryCard.svelte
@@ -15,7 +15,7 @@
 </script>
 
 <div
-  class=" my-2 rounded-lg bg-base-200 p-4"
+  class="rounded-lg bg-base-200 p-4"
   style={`min-height: ${maintainers.length * 1.325 + 2}rem;`}
 >
   {#if loading}
diff --git a/src/lib/components/ReposSummaryList.svelte b/src/lib/components/ReposSummaryList.svelte
index 26b39ab..5f42db9 100644
--- a/src/lib/components/ReposSummaryList.svelte
+++ b/src/lib/components/ReposSummaryList.svelte
@@ -16,7 +16,7 @@
   {#if repos.length == 0 && !loading}
     <p class="prose">None</p>
   {:else}
-    <div class="">
+    <div class="grid gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
       {#each repos as { name, description, identifier, maintainers }}
         <RepoSummaryCard {name} {description} {identifier} {maintainers} />
       {/each}