diff --git a/components/HotelReservation/SelectHotel/HotelCard/hotelCard.module.css b/components/HotelReservation/SelectHotel/HotelCard/hotelCard.module.css
index 4d3704a47..b6b7ee3ae 100644
--- a/components/HotelReservation/SelectHotel/HotelCard/hotelCard.module.css
+++ b/components/HotelReservation/SelectHotel/HotelCard/hotelCard.module.css
@@ -41,7 +41,7 @@
   gap: var(--Spacing-x1);
 }
 
-.book {
+.booking {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -64,7 +64,7 @@
     min-height: 270px;
   }
 
-  .book {
+  .booking {
     justify-content: space-between;
     flex-direction: row-reverse;
   }
diff --git a/components/HotelReservation/SelectHotel/HotelCard/index.tsx b/components/HotelReservation/SelectHotel/HotelCard/index.tsx
index fb6d954e0..d2a4c76b0 100644
--- a/components/HotelReservation/SelectHotel/HotelCard/index.tsx
+++ b/components/HotelReservation/SelectHotel/HotelCard/index.tsx
@@ -27,7 +27,7 @@ export default function HotelCard({ hotel }: HotelCardData) {
             <Chip key={`chip-${index}`}>{chip}</Chip>
           ))}
         </div>
-        <div className={styles.book}>
+        <div className={styles.booking}>
           <Button
             theme="base"
             intent="primary"