diff --git a/src/web/sections/favorites/book-tile.astro b/src/web/sections/favorites/book-tile.astro
index b8c79e2..f0c8cba 100644
--- a/src/web/sections/favorites/book-tile.astro
+++ b/src/web/sections/favorites/book-tile.astro
@@ -8,7 +8,7 @@ export interface Props extends Book {}
 const { author, image, title, url } = Astro.props;
 ---
 
-<a href={url} class="flex w-full flex-col gap-3 transition duration-300 hover:translate-y-2">
+<a href={url} target="_blank" class="flex w-full flex-col gap-3 transition duration-300 hover:translate-y-2">
   <Photo src={image} alt={title} class="aspect-[3/4] rounded-lg object-cover shadow-md" width={300} height={400} />
   <div class="w-full gap-1">
     <Typography variant="tile-title">
diff --git a/src/web/sections/favorites/media-tile.astro b/src/web/sections/favorites/media-tile.astro
index 038fcb3..59b3fd4 100644
--- a/src/web/sections/favorites/media-tile.astro
+++ b/src/web/sections/favorites/media-tile.astro
@@ -8,7 +8,7 @@ export interface Props extends Media {}
 const { image, title, type, url } = Astro.props;
 ---
 
-<a href={url} class="flex w-full flex-col gap-3 transition duration-300 hover:translate-y-2">
+<a href={url} target="_blank" class="flex w-full flex-col gap-3 transition duration-300 hover:translate-y-2">
   <Photo class="rounded-lg shadow-md aspect-square object-cover" src={image} alt={title} width={200} height={200} />
   <div class="gap-1">
     <Typography variant="tile-title">
diff --git a/src/web/sections/favorites/person-tile.astro b/src/web/sections/favorites/person-tile.astro
index 14cddd8..f62d561 100644
--- a/src/web/sections/favorites/person-tile.astro
+++ b/src/web/sections/favorites/person-tile.astro
@@ -8,7 +8,7 @@ export interface Props extends Person {}
 const { image, name, url } = Astro.props;
 ---
 
-<a href={url} class="flex w-full flex-col gap-3 transition duration-300 hover:translate-y-2">
+<a href={url} target="_blank" class="flex w-full flex-col gap-3 transition duration-300 hover:translate-y-2">
   <Photo
     class="rounded-lg shadow-md transition duration-300 aspect-square object-cover"
     src={image}
diff --git a/src/web/sections/favorites/video-tile.astro b/src/web/sections/favorites/video-tile.astro
index 8d88ffb..cbc6afa 100644
--- a/src/web/sections/favorites/video-tile.astro
+++ b/src/web/sections/favorites/video-tile.astro
@@ -8,7 +8,7 @@ export interface Props extends Video {}
 const { title, url, image } = Astro.props;
 ---
 
-<a href={url} class="flex w-full flex-col gap-3 transition duration-300 hover:translate-y-2">
+<a href={url} target="_blank" class="flex w-full flex-col gap-3 transition duration-300 hover:translate-y-2">
   <Photo class="rounded-lg shadow-md aspect-video object-cover" src={image} alt={title} width={480} height={270} />
   <Typography variant="tile-title">
     {title}