diff --git a/apps/web/pages/apps/[slug]/index.tsx b/apps/web/pages/apps/[slug]/index.tsx
index cfc20626a0..2ef7603080 100644
--- a/apps/web/pages/apps/[slug]/index.tsx
+++ b/apps/web/pages/apps/[slug]/index.tsx
@@ -36,9 +36,26 @@ const components = {
         }}
         renderItem={(item) =>
           isTabletAndUp ? (
-            <Image src={item} alt="" loading="eager" layout="fixed" width={573} height={382} />
+            <Image
+              src={item}
+              alt=""
+              loading="eager"
+              layout="fixed"
+              objectFit="contain"
+              objectPosition={"center center"}
+              width={573}
+              height={382}
+            />
           ) : (
-            <Image src={item} alt="" layout="responsive" width={573} height={382} />
+            <Image
+              src={item}
+              alt=""
+              layout="responsive"
+              objectFit="contain"
+              objectPosition={"center center"}
+              width={573}
+              height={382}
+            />
           )
         }
       />