From c25fd5adf2224e7c0de9688116da6fb57692d3b5 Mon Sep 17 00:00:00 2001
From: Jonas Carlsen <jonas.carlsen@knowit.no>
Date: Mon, 12 Feb 2024 11:42:03 +0100
Subject: [PATCH] Force all Campaign Block images to be 200x200

---
 packages/ndla-ui/src/CampaignBlock/CampaignBlock.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/ndla-ui/src/CampaignBlock/CampaignBlock.tsx b/packages/ndla-ui/src/CampaignBlock/CampaignBlock.tsx
index eee18080e0..de0ec66291 100644
--- a/packages/ndla-ui/src/CampaignBlock/CampaignBlock.tsx
+++ b/packages/ndla-ui/src/CampaignBlock/CampaignBlock.tsx
@@ -70,7 +70,12 @@ const StyledDescription = styled.p`
 
 const StyledImg = styled.img`
   align-self: center;
-  object-fit: contain;
+  object-fit: cover;
+  max-width: 200px;
+  /*   This is unset globally on images */
+  max-height: 200px !important;
+  min-width: 200px;
+  min-height: 200px;
 `;
 
 const StyledLink = styled(SafeLink)`
@@ -96,7 +101,7 @@ const CampaignBlock = ({
 }: Props) => {
   return (
     <Container className={className} data-type="campaign-block" data-image-side={imageSide}>
-      {image && <StyledImg src={image.src} height={200} width={240} alt={image.alt} />}
+      {image && <StyledImg src={image.src} height={200} width={200} alt={image.alt} />}
       <TextWrapper>
         <Heading css={headingStyle} lang={title.language === "nb" ? "no" : title.language}>
           {title.title}