diff --git a/components/HotelReservation/SelectRate/RoomCard/index.tsx b/components/HotelReservation/SelectRate/RoomCard/index.tsx
index bc3d12c39..38f8bfc55 100644
--- a/components/HotelReservation/SelectRate/RoomCard/index.tsx
+++ b/components/HotelReservation/SelectRate/RoomCard/index.tsx
@@ -3,11 +3,11 @@ import Caption from "@/components/TempDesignSystem/Text/Caption"
 import Title from "@/components/TempDesignSystem/Text/Title"
 import { getIntl } from "@/i18n"
 
-import { RoomProps } from "./roomCard"
-
 import styles from "./roomCard.module.css"
 
-export default async function RoomCard({ room }: RoomProps) {
+import { RoomCardProps } from "@/types/components/hotelReservation/selectRate/roomCard"
+
+export default async function RoomCard({ room }: RoomCardProps) {
   const { formatMessage } = await getIntl()
   return (
     <div className={styles.card}>
diff --git a/components/HotelReservation/SelectRate/RoomCard/roomCard.ts b/types/components/hotelReservation/selectRate/roomCard.ts
similarity index 56%
rename from components/HotelReservation/SelectRate/RoomCard/roomCard.ts
rename to types/components/hotelReservation/selectRate/roomCard.ts
index 475a77396..7be2ae91d 100644
--- a/components/HotelReservation/SelectRate/RoomCard/roomCard.ts
+++ b/types/components/hotelReservation/selectRate/roomCard.ts
@@ -1,3 +1,3 @@
 import { Rate } from "@/server/routers/hotels/output"
 
-export type RoomProps = { room: Rate }
+export type RoomCardProps = { room: Rate }