diff --git a/components/HotelReservation/SelectRate/RoomSelection/RoomCard/index.tsx b/components/HotelReservation/SelectRate/RoomSelection/RoomCard/index.tsx
index 7b0709ca9..07311f7fd 100644
--- a/components/HotelReservation/SelectRate/RoomSelection/RoomCard/index.tsx
+++ b/components/HotelReservation/SelectRate/RoomSelection/RoomCard/index.tsx
@@ -57,6 +57,7 @@ export default function RoomCard({
   const selectedRoom = roomCategories.find(
     (room) => room.name === roomConfiguration.roomType
   )
+
   const { roomSize, occupancy, descriptions, images } = selectedRoom || {}
   const mainImage = images?.[0]
 
@@ -78,7 +79,9 @@ export default function RoomCard({
               : `${roomSize?.min}-${roomSize?.max}`}
             m²
           </Caption>
-          <RoomSidePeek selectedRoom={selectedRoom} buttonSize="small" />
+          {selectedRoom && (
+            <RoomSidePeek selectedRoom={selectedRoom} buttonSize="small" />
+          )}
         </div>
         <div className={styles.container}>
           <div className={styles.roomDetails}>
diff --git a/types/components/sidePeeks/roomSidePeek.ts b/types/components/sidePeeks/roomSidePeek.ts
index 1ed03c522..c868d7ab3 100644
--- a/types/components/sidePeeks/roomSidePeek.ts
+++ b/types/components/sidePeeks/roomSidePeek.ts
@@ -1,6 +1,6 @@
 import { RoomData } from "@/types/hotel"
 
 export type RoomSidePeekProps = {
-  selectedRoom?: RoomData
+  selectedRoom: RoomData
   buttonSize: "small" | "medium"
 }