diff --git a/components/HotelReservation/SelectHotel/HotelCard/index.tsx b/components/HotelReservation/SelectHotel/HotelCard/index.tsx
index d2a4c76b0..f96ab0bdd 100644
--- a/components/HotelReservation/SelectHotel/HotelCard/index.tsx
+++ b/components/HotelReservation/SelectHotel/HotelCard/index.tsx
@@ -11,13 +11,13 @@ import styles from "./hotelCard.module.css"
 
 export default function HotelCard({ hotel }: HotelCardData) {
   return (
-    <div className={styles.card}>
+    <article className={styles.card}>
       <Image src="" alt="hotel image" className={styles.image} />
       <div className={styles.information}>
-        <div className={styles.title}>
+        <header className={styles.title}>
           <ScandicLogoIcon color="red" />
           <Title as="h4">{hotel.name}</Title>
-        </div>
+        </header>
         <div className={styles.description}>
           <span>{hotel.address}</span>
           <span>{hotel.description}</span>
@@ -27,7 +27,7 @@ export default function HotelCard({ hotel }: HotelCardData) {
             <Chip key={`chip-${index}`}>{chip}</Chip>
           ))}
         </div>
-        <div className={styles.booking}>
+        <footer className={styles.booking}>
           <Button
             theme="base"
             intent="primary"
@@ -39,8 +39,8 @@ export default function HotelCard({ hotel }: HotelCardData) {
           <Body color="burgundy">
             <span>{hotel.rooms}</span>
           </Body>
-        </div>
+        </footer>
       </div>
-    </div>
+    </article>
   )
 }
