diff --git a/components/ContentType/HotelPage/SidePeeks/RestaurantBar/RestaurantBarItem/index.tsx b/components/ContentType/HotelPage/SidePeeks/RestaurantBar/RestaurantBarItem/index.tsx
index a9f9819b7..082620c09 100644
--- a/components/ContentType/HotelPage/SidePeeks/RestaurantBar/RestaurantBarItem/index.tsx
+++ b/components/ContentType/HotelPage/SidePeeks/RestaurantBar/RestaurantBarItem/index.tsx
@@ -31,18 +31,20 @@ export default async function RestaurantBarItem({
           <Title level="h3">{name}</Title>
         </Subtitle>
       </div>
-      <div className={styles.imageWrapper}>
-        {visibleImages.map(({ metaData, imageSizes }) => (
-          <Image
-            key={imageSizes.tiny}
-            src={imageSizes.tiny}
-            alt={metaData.altText}
-            width={imageWidth}
-            height={240}
-            className={styles.image}
-          />
-        ))}
-      </div>
+      {visibleImages.length ? (
+        <div className={styles.imageWrapper}>
+          {visibleImages.map(({ metaData, imageSizes }) => (
+            <Image
+              key={imageSizes.tiny}
+              src={imageSizes.tiny}
+              alt={metaData.altText}
+              width={imageWidth}
+              height={240}
+              className={styles.image}
+            />
+          ))}
+        </div>
+      ) : null}
       {openingDetails.length ? (
         <div className={styles.content}>
           <Subtitle type="two" asChild>