diff --git a/packages/emails/emails/_components/footer.tsx b/packages/emails/emails/_components/footer.tsx
index 46b5b511..e308db28 100644
--- a/packages/emails/emails/_components/footer.tsx
+++ b/packages/emails/emails/_components/footer.tsx
@@ -1,3 +1,5 @@
+/** @jsxImportSource react */
+
 import { Link, Section, Text } from "@react-email/components";
 import { styles } from "./styles";
 
diff --git a/packages/emails/emails/_components/layout.tsx b/packages/emails/emails/_components/layout.tsx
index 7c978e87..905da0cb 100644
--- a/packages/emails/emails/_components/layout.tsx
+++ b/packages/emails/emails/_components/layout.tsx
@@ -1,4 +1,7 @@
+/** @jsxImportSource react */
+
 import { Container, Img, Link, Section } from "@react-email/components";
+import type * as React from "react";
 import { Footer } from "./footer";
 import { styles } from "./styles";
 
@@ -7,18 +10,20 @@ interface LayoutProps {
   img?: {
     src: string;
     alt: string;
+    href: string;
   };
 }
 
 const defaultImg = {
   src: "https://openstatus.dev/assets/logos/OpenStatus.png",
   alt: "OpenStatus",
+  href: "https://openstatus.dev",
 };
 
 export function Layout({ children, img = defaultImg }: LayoutProps) {
   return (
     <Container style={styles.container}>
-      <Link href="https://openstatus.dev">
+      <Link href={img.href}>
         <Img src={img.src} width="36" height="36" alt={img.alt} />
       </Link>
       <Section style={styles.section}>{children}</Section>
diff --git a/packages/emails/emails/page-subscription.tsx b/packages/emails/emails/page-subscription.tsx
index a237b36e..2dc6abac 100644
--- a/packages/emails/emails/page-subscription.tsx
+++ b/packages/emails/emails/page-subscription.tsx
@@ -21,6 +21,7 @@ export const PageSubscriptionSchema = z.object({
     .object({
       src: z.string(),
       alt: z.string(),
+      href: z.string(),
     })
     .optional(),
 });