diff --git a/apps/scandic-web/components/Blocks/HotelListing/HotelListingItem/hotelListingItem.module.css b/apps/scandic-web/components/Blocks/HotelListing/HotelListingItem/hotelListingItem.module.css index cb1f3a3d4..a86d5165a 100644 --- a/apps/scandic-web/components/Blocks/HotelListing/HotelListingItem/hotelListingItem.module.css +++ b/apps/scandic-web/components/Blocks/HotelListing/HotelListingItem/hotelListingItem.module.css @@ -8,8 +8,14 @@ .image { width: 100%; - height: 200px; + height: 100%; object-fit: cover; + border-radius: inherit; +} + +.imageWrapper { + position: relative; + height: 200px; } .content { @@ -41,7 +47,7 @@ grid-template-columns: minmax(250px, 350px) auto; } - .image { + .imageWrapper { height: 100%; } diff --git a/apps/scandic-web/components/Blocks/HotelListing/HotelListingItem/index.tsx b/apps/scandic-web/components/Blocks/HotelListing/HotelListingItem/index.tsx index 65533d1a7..60335aea6 100644 --- a/apps/scandic-web/components/Blocks/HotelListing/HotelListingItem/index.tsx +++ b/apps/scandic-web/components/Blocks/HotelListing/HotelListingItem/index.tsx @@ -43,18 +43,20 @@ export default async function HotelListingItem({ return (
- {image?.src ? ( - {image.altText - ) : ( - - )} +
+ {image?.src ? ( + {image.altText + ) : ( + + )} +
+