From dd92e07f896a8ef2d60743c56f05dd718a9c755a Mon Sep 17 00:00:00 2001
From: martin-mfg <2026226+martin-mfg@users.noreply.github.com>
Date: Sun, 21 Sep 2025 15:23:36 +0200
Subject: [PATCH] set skeleton size in theme step

---
 frontend/frontend/src/components/Card/Card.js | 7 +------
 frontend/frontend/src/components/Card/SVG.js  | 3 ++-
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/frontend/frontend/src/components/Card/Card.js b/frontend/frontend/src/components/Card/Card.js
index f3e1dc2a..31838bcb 100644
--- a/frontend/frontend/src/components/Card/Card.js
+++ b/frontend/frontend/src/components/Card/Card.js
@@ -10,12 +10,7 @@ export const Image = ({ imageSrc, compact, extraClasses = '' }) => {
 
   return (
     <div className={`${extraClasses} relative w-full relative`}>
-      <SVG
-        forceLoading
-        className="object-cover"
-        url={fullImageSrc}
-        compact={compact}
-      />
+      <SVG className="object-cover" url={fullImageSrc} compact={compact} />
     </div>
   );
 };
diff --git a/frontend/frontend/src/components/Card/SVG.js b/frontend/frontend/src/components/Card/SVG.js
index 0745ca09..9da17e32 100644
--- a/frontend/frontend/src/components/Card/SVG.js
+++ b/frontend/frontend/src/components/Card/SVG.js
@@ -42,7 +42,8 @@ const SvgInline = (props) => {
     if (props.compact) {
       return <Skeleton style={{ paddingBottom: '58%' }} />;
     }
-    return <Skeleton style={{ paddingBottom: '95%' }} />;
+    // maximum dimensions of cards in SelectCard stage
+    return <Skeleton className="h-[245px] w-[450px]" />;
   }
 
   // Render a container div for the shadow DOM