diff --git a/apps/scandic-web/components/ContentType/HotelPage/IntroSection/index.tsx b/apps/scandic-web/components/ContentType/HotelPage/IntroSection/index.tsx
index dc4c7e9e8..b8bfc05a5 100644
--- a/apps/scandic-web/components/ContentType/HotelPage/IntroSection/index.tsx
+++ b/apps/scandic-web/components/ContentType/HotelPage/IntroSection/index.tsx
@@ -30,9 +30,7 @@ export default async function IntroSection({
 
   const formattedLocationText = `${streetAddress}, ${city} (${formattedDistanceText})`
   const hasTripAdvisorData = !!(
-    tripAdvisor?.rating &&
-    tripAdvisor?.numberOfReviews &&
-    tripAdvisor?.webUrl
+    tripAdvisor?.rating && tripAdvisor?.numberOfReviews
   )
   const formattedTripAdvisorText = hasTripAdvisorData
     ? intl.formatMessage(
@@ -53,18 +51,11 @@ export default async function IntroSection({
           </Typography>
         </div>
         <Body color="uiTextMediumContrast">{formattedLocationText}</Body>
-        {hasTripAdvisorData && (
-          <Link
-            className={styles.introLink}
-            target="_blank"
-            variant="icon"
-            textDecoration="underline"
-            color="peach80"
-            href={tripAdvisor.webUrl}
-          >
-            <TripAdvisorIcon color="peach80" />
+        {formattedTripAdvisorText && (
+          <span className={styles.tripAdvisorText}>
+            <TripAdvisorIcon />
             {formattedTripAdvisorText}
-          </Link>
+          </span>
         )}
       </div>
       <div className={styles.subtitleContent}>
diff --git a/apps/scandic-web/components/ContentType/HotelPage/IntroSection/introSection.module.css b/apps/scandic-web/components/ContentType/HotelPage/IntroSection/introSection.module.css
index f6db7e388..9e26a9027 100644
--- a/apps/scandic-web/components/ContentType/HotelPage/IntroSection/introSection.module.css
+++ b/apps/scandic-web/components/ContentType/HotelPage/IntroSection/introSection.module.css
@@ -15,6 +15,18 @@
   gap: var(--Spacing-x-one-and-half);
 }
 
+.tripAdvisorText {
+  display: flex;
+  gap: var(--Space-x05);
+  align-items: center;
+  color: var(--Text-Interactive-Secondary);
+}
+
+.tripAdvisorText svg,
+.tripAdvisorText svg * {
+  fill: var(--Text-Interactive-Secondary);
+}
+
 .introLink {
   text-decoration-color: var(--Scandic-Peach-80);
   width: fit-content;
