diff --git a/openlibrary/components/MergeUI/EditionSnippet.vue b/openlibrary/components/MergeUI/EditionSnippet.vue
index 5ea35213fda..3c7cdb7c5bd 100644
--- a/openlibrary/components/MergeUI/EditionSnippet.vue
+++ b/openlibrary/components/MergeUI/EditionSnippet.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="edition-snippet">
-    <img :src="cover_url" />
+    <img loading="lazy" :src="cover_url"/>
     <div class="links">
       <a :href="edition.key" target="_blank">OL</a>
       <a
@@ -113,6 +113,8 @@ export default {
     object-position: top center;
     float: left;
     margin-right: 7px;
+    // Min Height added for lazy loading so that the lazy loaded images are not 1 pixel and start having many books start loading
+    min-height: 80px;
     &:hover {
       object-fit: contain;
     }