diff --git a/components/HotelReservation/TripAdvisorChip/index.tsx b/components/HotelReservation/TripAdvisorChip/index.tsx
index 05e03cd02..199a4f70b 100644
--- a/components/HotelReservation/TripAdvisorChip/index.tsx
+++ b/components/HotelReservation/TripAdvisorChip/index.tsx
@@ -7,9 +7,12 @@ import type { TripAdvisorProps } from "@/types/components/hotelReservation/tripA
 
 export default function TripAdvisorChip({ rating }: TripAdvisorProps) {
   return (
-    <div className={styles.tripAdvisor}>
-      <TripAdvisorIcon color="burgundy" />
-      <Caption color="burgundy">{rating}</Caption>
+    // Wrapping the chip in a transparent container with some padding to increase the touch target
+    <div className={styles.container}>
+      <div className={styles.tripAdvisor}>
+        <TripAdvisorIcon color="burgundy" />
+        <Caption color="burgundy">{rating}</Caption>
+      </div>
     </div>
   )
 }
diff --git a/components/HotelReservation/TripAdvisorChip/tripAdvisorChip.module.css b/components/HotelReservation/TripAdvisorChip/tripAdvisorChip.module.css
index a5328e1a3..c1901310e 100644
--- a/components/HotelReservation/TripAdvisorChip/tripAdvisorChip.module.css
+++ b/components/HotelReservation/TripAdvisorChip/tripAdvisorChip.module.css
@@ -1,11 +1,15 @@
+.container {
+  position: absolute;
+  left: 0;
+  top: 0;
+  padding: var(--Spacing-x2);
+}
+
 .tripAdvisor {
   display: flex;
   align-items: center;
   gap: var(--Spacing-x-half);
   background-color: var(--Base-Surface-Primary-light-Normal);
-  position: absolute;
-  left: 16px;
-  top: 16px;
   padding: var(--Spacing-x-quarter) var(--Spacing-x1);
   border-radius: var(--Corner-radius-Small);
 }