From 41c955cb07b7a4b9aed4c98f19b2bd575f2dab35 Mon Sep 17 00:00:00 2001
From: Fredrik Thorsson <fredrik.thorsson@scandichotels.com>
Date: Fri, 10 Jan 2025 11:05:39 +0100
Subject: [PATCH] fix(SW-1188): set height of image wrapper

---
 components/TempDesignSystem/Card/card.module.css |  1 +
 components/TempDesignSystem/Card/index.tsx       | 10 +++++-----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/components/TempDesignSystem/Card/card.module.css b/components/TempDesignSystem/Card/card.module.css
index 7556c0d4e..f8b8a17ae 100644
--- a/components/TempDesignSystem/Card/card.module.css
+++ b/components/TempDesignSystem/Card/card.module.css
@@ -23,6 +23,7 @@
 .imageWrapper {
   display: flex;
   width: 100%;
+  height: 100%;
 }
 
 .imageWrapper::after {
diff --git a/components/TempDesignSystem/Card/index.tsx b/components/TempDesignSystem/Card/index.tsx
index 99518a066..b6ae88331 100644
--- a/components/TempDesignSystem/Card/index.tsx
+++ b/components/TempDesignSystem/Card/index.tsx
@@ -47,10 +47,10 @@ export default function Card({
       ? backgroundImage.dimensions.aspectRatio * imageHeight
       : 420)
 
-  const imageWrapper =
-    height === "dynamic"
-      ? `${styles.imageWrapper} ${styles.dynamic}`
-      : `${styles.imageWrapper} ${styles.fixed}`
+  // const imageWrapper =
+  //   height === "dynamic"
+  //     ? `${styles.imageWrapper} ${styles.dynamic}`
+  //     : `${styles.imageWrapper} ${styles.fixed}`
 
   return (
     <article
@@ -61,7 +61,7 @@ export default function Card({
       })}
     >
       {backgroundImage && (
-        <div className={imageGradient ? imageWrapper : ""}>
+        <div className={imageGradient ? styles.imageWrapper : ""}>
           <Image
             src={backgroundImage.url}
             className={styles.image}