diff --git a/src/components/Card.astro b/src/components/Card.astro
index 66a67f2..8c67597 100644
--- a/src/components/Card.astro
+++ b/src/components/Card.astro
@@ -9,7 +9,7 @@ if (image) {
 }
 ---
 
-<div class="relative max-w-xl mx-auto mt-20 h-32 w-64">
+<div class="relative max-w-xl mx-auto mt-20 h-32 w-55">
   <a href={href} class="block">
     {
       image && (
diff --git a/src/pages/characters/index.astro b/src/pages/characters/index.astro
index fe5b4b5..80f12d9 100644
--- a/src/pages/characters/index.astro
+++ b/src/pages/characters/index.astro
@@ -15,7 +15,7 @@ export const prerender = false;
   <div class="flex flex-col">
     <h1 class="text-3xl text-center pt-8">Characters</h1>
     <div
-      class="grid grid-cols-2 xl:grid-cols-4 gap-4 columns-2 md:columns-4 self-center"
+      class="grid grid-cols-2 xl:grid-cols-4 gap-4 columns-2 md:columns-4 self-center p-4"
     >
       {
         [...characters].map((c) => (