fix(SW-194)

components/Blocks/Accordion/index.tsx

@@ -26,7 +26,7 @@ export default function AccordionSection({ accordion, title }: AccordionProps) {
     <SectionContainer id={HotelHashValues.faq}>
       {title && <SectionHeader textTransform="uppercase" title={title} />}
       <Accordion
-        className={`${styles.accordion}${allAccordionsVisible ? styles.allVisible : ""}`}
+        className={`${styles.accordion} ${allAccordionsVisible ? styles.allVisible : ""}`}
         theme="light"
         variant="card"
       >

components/ContentType/HotelPage/Rooms/index.tsx

@@ -17,7 +17,7 @@ import { HotelHashValues } from "@/types/components/hotelPage/tabNavigation"
 
 export function Rooms({ rooms }: RoomsProps) {
   const intl = useIntl()
-  const showToggleButton = rooms.length > 4
+  const showToggleButton = rooms.length > 3
   const [allRoomsVisible, setAllRoomsVisible] = useState(!showToggleButton)
 
   const scrollRef = useRef<HTMLDivElement>(null)
@@ -62,7 +62,7 @@ export function Rooms({ rooms }: RoomsProps) {
         preamble={null}
       />
       <Grids.Stackable
-        className={`${styles.grid}${allRoomsVisible ? styles.allVisible : ""}`}
+        className={`${styles.grid} ${allRoomsVisible ? styles.allVisible : ""}`}
       >
         {mappedRooms.map(({ id, images, title, subtitle, popularChoice }) => (
           <div key={id}>