diff --git a/packages/marko-web-photoswipe/components/images.marko b/packages/marko-web-photoswipe/components/images.marko
index 74504b908..8d5830c35 100644
--- a/packages/marko-web-photoswipe/components/images.marko
+++ b/packages/marko-web-photoswipe/components/images.marko
@@ -36,7 +36,8 @@ $ const items = images.map((image) => {
   const defaultOptions = {
     w: maxSize,
     h: round(maxSize / (16 / 9)), // default 16:9 height
-    fit: "crop",
+    fit: "fill",
+    fill: "solid",
   };
 
   const imageOptions = {