From 9871692e51c8046b70ee2ce04e7992133ea579ba Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <baptiste@typebot.io>
Date: Thu, 16 Oct 2025 17:37:58 +0200
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20Migrate=20Link=20component?=
 =?UTF-8?q?s=20off=20of=20Chakra=20UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/ImageUploadContent/UnsplashPicker.tsx  | 8 ++++----
 .../src/components/VideoUploadContent/PexelsPicker.tsx    | 5 ++---
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/apps/builder/src/components/ImageUploadContent/UnsplashPicker.tsx b/apps/builder/src/components/ImageUploadContent/UnsplashPicker.tsx
index 3ab42536f..1feccf3a6 100644
--- a/apps/builder/src/components/ImageUploadContent/UnsplashPicker.tsx
+++ b/apps/builder/src/components/ImageUploadContent/UnsplashPicker.tsx
@@ -4,7 +4,6 @@ import {
   Grid,
   GridItem,
   HStack,
-  Link,
   Stack,
   Text,
   useColorModeValue,
@@ -143,12 +142,13 @@ export const UnsplashPicker = ({ imageSize, onImageSelect }: Props) => {
           forceDebounce
           width="full"
         />
-        <Link
-          isExternal
+        <a
+          target="_blank"
           href={`https://unsplash.com/?utm_source=${env.NEXT_PUBLIC_UNSPLASH_APP_NAME}&utm_medium=referral`}
+          rel="noopener"
         >
           <UnsplashLogo width="80px" fill={unsplashLogoFillColor} />
-        </Link>
+        </a>
       </HStack>
       {isDefined(error) && (
         <Alert.Root variant="error">
diff --git a/apps/builder/src/components/VideoUploadContent/PexelsPicker.tsx b/apps/builder/src/components/VideoUploadContent/PexelsPicker.tsx
index 72326c4bd..7cb40b8fe 100644
--- a/apps/builder/src/components/VideoUploadContent/PexelsPicker.tsx
+++ b/apps/builder/src/components/VideoUploadContent/PexelsPicker.tsx
@@ -4,7 +4,6 @@ import {
   Grid,
   GridItem,
   HStack,
-  Link,
   Stack,
   Text,
 } from "@chakra-ui/react";
@@ -145,9 +144,9 @@ export const PexelsPicker = ({ onVideoSelect }: Props) => {
               width="full"
             />
           </Stack>
-          <Link isExternal href={`https://www.pexels.com`}>
+          <a target="_blank" href={`https://www.pexels.com`} rel="noopener">
             <PexelsLogo width="100px" height="40px" />
-          </Link>
+          </a>
         </HStack>
         <HStack w="full">
           <BasicSelect