diff --git a/components/HotelReservation/SelectRate/SelectedRoomPanel/index.tsx b/components/HotelReservation/SelectRate/SelectedRoomPanel/index.tsx
index e76f45eab..b01a49435 100644
--- a/components/HotelReservation/SelectRate/SelectedRoomPanel/index.tsx
+++ b/components/HotelReservation/SelectRate/SelectedRoomPanel/index.tsx
@@ -13,19 +13,21 @@ import type { RoomParam } from "@/types/components/hotelReservation/selectRate/s
 import type { Rate } from "@/types/components/hotelReservation/selectRate/selectRate"
 import type { RoomData } from "@/types/hotel"
 
+interface SelectedRoomPanelProps {
+  roomIndex: number
+  room: RoomParam
+  selectedRate: Rate | null
+  roomCategories: RoomData[]
+  handleModify: () => void
+}
+
 export default function SelectedRoomPanel({
   roomIndex,
   room,
   selectedRate,
   roomCategories,
   handleModify,
-}: {
-  roomIndex: number
-  room: RoomParam
-  selectedRate: Rate | null
-  roomCategories: RoomData[]
-  handleModify: () => void
-}) {
+}: SelectedRoomPanelProps) {
   const intl = useIntl()
   const images = roomCategories.find((roomCategory) =>
     roomCategory.roomTypes.some(