From 3ecfa75f868dba702b41aabf4ea158c223a69129 Mon Sep 17 00:00:00 2001
From: Peer Richelsen <peeroke@gmail.com>
Date: Wed, 21 Sep 2022 16:07:11 +0000
Subject: [PATCH] fixd layout shift in app detail (#4650)

---
 apps/web/components/App.tsx         | 2 +-
 apps/web/components/v2/apps/App.tsx | 6 ++----
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/apps/web/components/App.tsx b/apps/web/components/App.tsx
index 21802c13a9..000f29a2ba 100644
--- a/apps/web/components/App.tsx
+++ b/apps/web/components/App.tsx
@@ -263,7 +263,7 @@ const Component = ({
             reviews. Nevertheless, Cal.com, Inc. does not endorse or certify these apps unless they are
             published by Cal.com. If you encounter inappropriate content or behaviour please report it.
           </small>
-          <a className="mt-2 block text-xs text-red-500" href="mailto:help@cal.com">
+          <a className="mt-2 block text-xs text-red-500" href="mailtoo:help@cal.com">
             <Icon.FiFlag className="inline h-3 w-3" /> Report App
           </a>
         </div>
diff --git a/apps/web/components/v2/apps/App.tsx b/apps/web/components/v2/apps/App.tsx
index c7d53c8891..3de990f8da 100644
--- a/apps/web/components/v2/apps/App.tsx
+++ b/apps/web/components/v2/apps/App.tsx
@@ -77,7 +77,7 @@ const Component = ({
 
       <div className="relative flex-1 flex-col items-start justify-start px-4 md:flex md:px-8 lg:flex-row lg:px-0">
         {hasImages && (
-          <div className="flex-2 mb-4 -ml-4 -mr-4 flex w-auto snap-x snap-mandatory flex-row overflow-auto whitespace-nowrap bg-gray-100  p-4 md:mb-8 md:-ml-8 md:-mr-8 md:p-8 lg:mx-0 lg:mb-0 lg:max-w-2xl lg:flex-col lg:rounded-md">
+          <div className="flex-2 mb-4 -ml-4 -mr-4 flex min-h-[450px] w-auto min-w-[672px] snap-x snap-mandatory flex-row overflow-auto whitespace-nowrap bg-gray-100  p-4 md:mb-8 md:-ml-8 md:-mr-8 md:p-8 lg:mx-0 lg:mb-0 lg:max-w-2xl lg:flex-col lg:rounded-md">
             {images ? (
               images.map((img) => (
                 <img
@@ -88,9 +88,7 @@ const Component = ({
                 />
               ))
             ) : (
-              <div className="min-h-[450px] min-w-[667px]">
-                <SkeletonText />
-              </div>
+              <SkeletonText />
             )}
           </div>
         )}