From 4ea29ed2ac4225dc682d0f4c348c50a11cefb2cd Mon Sep 17 00:00:00 2001
From: Jeroen Reumkens <hello@jeroenreumkens.nl>
Date: Sun, 4 Sep 2022 22:25:32 +0200
Subject: [PATCH] #4141: Fixed stretched image in app detail page. (#4144)

Co-authored-by: Jeroen Reumkens <jeroen.reumkens@deptagency.com>
Co-authored-by: Peer Richelsen <peeroke@gmail.com>
---
 apps/web/components/v2/apps/App.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/components/v2/apps/App.tsx b/apps/web/components/v2/apps/App.tsx
index fe25d45b0b..ae510c0b99 100644
--- a/apps/web/components/v2/apps/App.tsx
+++ b/apps/web/components/v2/apps/App.tsx
@@ -99,7 +99,7 @@ const Component = ({
                   key={img}
                   src={img}
                   alt={`Screenshot of app ${name}`}
-                  className="mr-4 max-h-80 max-w-[90%] snap-center rounded-md last:mb-0 lg:mb-4 lg:mr-0  lg:max-w-full"
+                  className="mr-4 h-auto max-h-80 max-w-[90%] snap-center rounded-md object-contain last:mb-0 md:max-h-min lg:mb-4 lg:mr-0  lg:max-w-full"
                 />
               ))}
           </div>