diff --git a/src/routes/learnings/+page.server.js b/src/routes/learnings/+page.server.js
index a109260..316172c 100644
--- a/src/routes/learnings/+page.server.js
+++ b/src/routes/learnings/+page.server.js
@@ -5,7 +5,7 @@ export async function load({ params }) {
     title,
     slug,
     _createdAt,
-    coverImage {
+    mainImage {
       ...,
       asset->
     },
diff --git a/src/routes/learnings/+page.svelte b/src/routes/learnings/+page.svelte
index aeda407..2478a7f 100644
--- a/src/routes/learnings/+page.svelte
+++ b/src/routes/learnings/+page.svelte
@@ -6,7 +6,7 @@
 
 {#each data.posts as post}
     <div class="border-2 border-slate-500 rounded my-2 text-l p-4">
-        <img class="max-h-32 mx-auto" src={post.coverImage.asset.url} alt={post.title}>
+        <img class="max-h-32 mx-auto" src={post.mainImage.asset.url} alt={post.title}>
         <h2 class="text-xl">{post.title}</h2>
         {#each post.body as block}
             <PortableText