diff --git a/components/HotelReservation/SelectRate/RoomFilter/index.tsx b/components/HotelReservation/SelectRate/RoomFilter/index.tsx
index 9869d355b..fb41f3cc7 100644
--- a/components/HotelReservation/SelectRate/RoomFilter/index.tsx
+++ b/components/HotelReservation/SelectRate/RoomFilter/index.tsx
@@ -111,11 +111,13 @@ export default function RoomFilter({
}
selected={getValues(option.code)}
Icon={getIconForFeatureCode(option.code)}
+ tooltipText={
+ option.code === RoomPackageCodeEnum.PET_ROOM
+ ? tooltipText
+ : undefined
+ }
/>
))}
-
-
-
diff --git a/components/TempDesignSystem/Form/FilterChip/_Chip/index.tsx b/components/TempDesignSystem/Form/FilterChip/_Chip/index.tsx
index 528469df1..d1f935fa2 100644
--- a/components/TempDesignSystem/Form/FilterChip/_Chip/index.tsx
+++ b/components/TempDesignSystem/Form/FilterChip/_Chip/index.tsx
@@ -1,8 +1,9 @@
import { useMemo } from "react"
import { useFormContext } from "react-hook-form"
-import { HeartIcon } from "@/components/Icons"
+import { HeartIcon, InfoCircleIcon } from "@/components/Icons"
import Caption from "@/components/TempDesignSystem/Text/Caption"
+import { Tooltip } from "@/components/TempDesignSystem/Tooltip"
import styles from "./chip.module.css"
@@ -19,6 +20,7 @@ export default function FilterChip({
value,
selected,
disabled,
+ tooltipText,
}: FilterChipProps) {
const { register } = useFormContext()
@@ -43,6 +45,11 @@ export default function FilterChip({
{label}
+ {tooltipText && (
+
+
+
+ )}