diff --git a/components/HotelReservation/SelectRate/Rooms/index.tsx b/components/HotelReservation/SelectRate/Rooms/index.tsx
index 1b3e3f24f..2fe4aea3a 100644
--- a/components/HotelReservation/SelectRate/Rooms/index.tsx
+++ b/components/HotelReservation/SelectRate/Rooms/index.tsx
@@ -243,7 +243,7 @@ export default function Rooms({
                 </Subtitle>
               )}
               <div className={classNames}>
-                <div className={styles.selectedRoomPanel}>
+                <div className={styles.roomPanel}>
                   <SelectedRoomPanel
                     roomIndex={index}
                     room={room}
diff --git a/components/HotelReservation/SelectRate/Rooms/rooms.module.css b/components/HotelReservation/SelectRate/Rooms/rooms.module.css
index b45e6bf94..ebc7eb0be 100644
--- a/components/HotelReservation/SelectRate/Rooms/rooms.module.css
+++ b/components/HotelReservation/SelectRate/Rooms/rooms.module.css
@@ -15,7 +15,7 @@
   padding: var(--Spacing-x2);
 }
 
-._basePanel {
+.roomPanel {
   display: grid;
   grid-template-rows: 0fr;
   opacity: 0;
@@ -25,20 +25,16 @@
     grid-template-rows 0.3s ease;
 }
 
-._basePanel > * {
+.roomPanel > * {
   overflow: hidden;
 }
 
 .roomSelectionPanel {
-  composes: _basePanel;
+  composes: roomPanel;
   gap: var(--Spacing-x2);
 }
 
-.selectedRoomPanel {
-  composes: _basePanel;
-}
-
-.roomSelectionPanelContainer.selected .selectedRoomPanel {
+.roomSelectionPanelContainer.selected .roomPanel {
   grid-template-rows: 1fr;
   opacity: 1;
   height: auto;