diff --git a/components/HotelReservation/BookingConfirmation/IntroSection/index.tsx b/components/HotelReservation/BookingConfirmation/IntroSection/index.tsx
index 40ecd27bd..ff7f0d001 100644
--- a/components/HotelReservation/BookingConfirmation/IntroSection/index.tsx
+++ b/components/HotelReservation/BookingConfirmation/IntroSection/index.tsx
@@ -1,4 +1,5 @@
 import Button from "@/components/TempDesignSystem/Button"
+import Link from "@/components/TempDesignSystem/Link"
 import Body from "@/components/TempDesignSystem/Text/Body"
 import Title from "@/components/TempDesignSystem/Text/Title"
 import { getIntl } from "@/i18n"
@@ -28,20 +29,26 @@ export default async function IntroSection({ email }: IntroSectionProps) {
       </Body>
       <div className={styles.buttons}>
         <Button
+          asChild
           size="small"
           theme="base"
           intent="secondary"
           className={styles.button}
         >
-          {intl.formatMessage({ id: "Download the Scandic app" })}
+          <Link href="#" color="none">
+            {intl.formatMessage({ id: "Download the Scandic app" })}
+          </Link>
         </Button>
         <Button
+          asChild
           size="small"
           theme="base"
           intent="secondary"
           className={styles.button}
         >
-          {intl.formatMessage({ id: "View your booking" })}
+          <Link href="#" color="none">
+            {intl.formatMessage({ id: "View your booking" })}
+          </Link>
         </Button>
       </div>
     </section>