From f31a320cd140c2e65876e32d43cf79ca2fce7ca1 Mon Sep 17 00:00:00 2001
From: Helen Lin <helen.lin@shopify.com>
Date: Fri, 10 Jan 2025 14:09:25 -0800
Subject: [PATCH] fix image warnings

---
 .changeset/tender-cycles-sneeze.md                   | 5 +++++
 templates/skeleton/app/routes/collections._index.tsx | 1 +
 2 files changed, 6 insertions(+)
 create mode 100644 .changeset/tender-cycles-sneeze.md

diff --git a/.changeset/tender-cycles-sneeze.md b/.changeset/tender-cycles-sneeze.md
new file mode 100644
index 0000000000..4d2fd793d3
--- /dev/null
+++ b/.changeset/tender-cycles-sneeze.md
@@ -0,0 +1,5 @@
+---
+'skeleton': patch
+---
+
+Fix image size warnings on collections page
diff --git a/templates/skeleton/app/routes/collections._index.tsx b/templates/skeleton/app/routes/collections._index.tsx
index 2d7d7ebe90..f381c4b4f3 100644
--- a/templates/skeleton/app/routes/collections._index.tsx
+++ b/templates/skeleton/app/routes/collections._index.tsx
@@ -84,6 +84,7 @@ function CollectionItem({
           aspectRatio="1/1"
           data={collection.image}
           loading={index < 3 ? 'eager' : undefined}
+          sizes="(min-width: 45em) 400px, 100vw"
         />
       )}
       <h5>{collection.title}</h5>