diff --git a/components/ContentType/HotelPage/PreviewImages/index.tsx b/components/ContentType/HotelPage/PreviewImages/index.tsx
index d759c0524..7f0306217 100644
--- a/components/ContentType/HotelPage/PreviewImages/index.tsx
+++ b/components/ContentType/HotelPage/PreviewImages/index.tsx
@@ -5,17 +5,13 @@ import { getIntl } from "@/i18n"
 
 import styles from "./previewImages.module.css"
 
-import { ImageItem } from "@/types/components/lightbox/lightbox"
+import { PreviewImagesProps } from "@/types/components/hotelPage/previewImages"
 
-export default async function PreviewImages({
-  images,
-}: {
-  images: ImageItem[]
-}) {
+export default async function PreviewImages({ images }: PreviewImagesProps) {
   const intl = await getIntl()
   return (
     <Lightbox images={images}>
-      {/*TODO: Replace with images from API once SW-189 is merged. */}
+      {/*TODO: Replace with images from API once SW-188 is merged. */}
       <div className={styles.mobileWrapper}>
         <Image
           src={images[0].url}
diff --git a/types/components/hotelPage/previewImages.ts b/types/components/hotelPage/previewImages.ts
new file mode 100644
index 000000000..ccda7b1f9
--- /dev/null
+++ b/types/components/hotelPage/previewImages.ts
@@ -0,0 +1,5 @@
+import { ImageItem } from "@/types/components/lightbox/lightbox"
+
+export type PreviewImagesProps = {
+  images: ImageItem[]
+}