diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
index a0f0ffc..b5d319e 100644
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@@ -40,7 +40,7 @@ const posts = await Promise.all(
             data-tooltip
           >
             {post.data.thumbnail ? (
-              <div class="flex aspect-square max-w-[288px] justify-center">
+              <div class="flex aspect-square max-w-[192px] justify-center">
                 <Image
                   loading={i < 10 ? "eager" : "lazy"}
                   class="u-photo m-auto"
@@ -50,7 +50,7 @@ const posts = await Promise.all(
                 />
               </div>
             ) : null}
-            <div class="max-w-[288px] text-sm">
+            <div class="max-w-[192px] text-sm">
               <span class="p-name" aria-label="Title">
                 {post.data.title}
               </span>
diff --git a/src/pages/games/index.astro b/src/pages/games/index.astro
index 3d0b6ec..900bc91 100644
--- a/src/pages/games/index.astro
+++ b/src/pages/games/index.astro
@@ -40,17 +40,17 @@ const games = await Promise.all(
             data-tooltip
           >
             {game.data.thumbnail ? (
-              <div class="flex aspect-square max-w-[288px] justify-center">
+              <div class="flex aspect-square max-w-[192px] justify-center">
                 <Image
                   loading={i < 10 ? "eager" : "lazy"}
                   class="u-photo m-auto"
                   src={game.data.thumbnail}
                   alt={`Thumbnail for ${game.data.title}`}
-                  width={288}
+                  width={192}
                 />
               </div>
             ) : null}
-            <div class="max-w-[288px] text-sm">
+            <div class="max-w-[192px] text-sm">
               <span class="p-name" aria-label="Title">
                 {game.data.title}
               </span>