diff --git a/components/ContentType/ContentPage/HotelListing/index.tsx b/components/ContentType/ContentPage/HotelListing/index.tsx
index f206ba242..4c33e2568 100644
--- a/components/ContentType/ContentPage/HotelListing/index.tsx
+++ b/components/ContentType/ContentPage/HotelListing/index.tsx
@@ -10,7 +10,7 @@ import { getIntl } from "@/i18n"
 
 import styles from "./hotelListing.module.css"
 
-import { HotelListingProps } from "@/types/components/contentPage/hotelListing"
+import type { HotelListingProps } from "@/types/components/contentPage/hotelListing"
 
 export default async function HotelListing({
   image,
@@ -22,45 +22,43 @@ export default async function HotelListing({
   const intl = await getIntl()
 
   return (
-    <li>
-      <article className={styles.container}>
-        <section>
-          <Image
-            src={image}
-            alt=""
-            width={300}
-            height={200}
-            className={styles.image}
-          />
-        </section>
-        <section className={styles.content}>
-          <div className={styles.intro}>
-            <ScandicLogoIcon color="red" />
-            <Subtitle>{name}</Subtitle>
-            <div className={styles.captions}>
-              <Caption color="uiTextPlaceholder">{address}</Caption>
-              <div className={styles.dividerContainer}>
-                <Divider variant="vertical" color="beige" />
-              </div>
-              <Caption color="uiTextPlaceholder">
-                {`${distance} ${intl.formatMessage({ id: "km to city center" })}`}
-              </Caption>
+    <article className={styles.container}>
+      <section>
+        <Image
+          src={image}
+          alt=""
+          width={300}
+          height={200}
+          className={styles.image}
+        />
+      </section>
+      <section className={styles.content}>
+        <div className={styles.intro}>
+          <ScandicLogoIcon color="red" />
+          <Subtitle>{name}</Subtitle>
+          <div className={styles.captions}>
+            <Caption color="uiTextPlaceholder">{address}</Caption>
+            <div className={styles.dividerContainer}>
+              <Divider variant="vertical" color="beige" />
             </div>
+            <Caption color="uiTextPlaceholder">
+              {`${distance} ${intl.formatMessage({ id: "km to city center" })}`}
+            </Caption>
           </div>
-          <Body>{description}</Body>
-          <Button
-            intent="primary"
-            theme="base"
-            size="small"
-            className={styles.button}
-            asChild
-          >
-            <Link href="#" color="white">
-              {intl.formatMessage({ id: "See hotel details" })}
-            </Link>
-          </Button>
-        </section>
-      </article>
-    </li>
+        </div>
+        <Body>{description}</Body>
+        <Button
+          intent="primary"
+          theme="base"
+          size="small"
+          className={styles.button}
+          asChild
+        >
+          <Link href="#" color="white">
+            {intl.formatMessage({ id: "See hotel details" })}
+          </Link>
+        </Button>
+      </section>
+    </article>
   )
 }
