From e6376f67abd7391521646af88cd37d3a7aff9c7d Mon Sep 17 00:00:00 2001
From: James Ritchie <james@trigger.dev>
Date: Sun, 3 Aug 2025 17:56:11 +0100
Subject: [PATCH] Email Footer component uses tailwind

---
 internal-packages/emails/emails/components/Footer.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/internal-packages/emails/emails/components/Footer.tsx b/internal-packages/emails/emails/components/Footer.tsx
index 00f128c8b..36ca0b03d 100644
--- a/internal-packages/emails/emails/components/Footer.tsx
+++ b/internal-packages/emails/emails/components/Footer.tsx
@@ -1,14 +1,13 @@
-import { Hr, Link, Text } from "@react-email/components";
-import React from "react";
-import { footer, footerAnchor, hr } from "./styles";
+import { Hr, Link, Tailwind, Text } from "@react-email/components";
+import { hr } from "./styles";
 
 export function Footer() {
   return (
     <>
       <Hr style={hr} />
-      <Text style={footer}>
+      <Text className="text-[12px] text-[#878C99]">
         ©Trigger.dev, 1111B S Governors Ave STE 6433, Dover, DE 19904 |{" "}
-        <Link style={footerAnchor} href="https://trigger.dev/">
+        <Link className="text-[#878C99] text-[12px] underline" href="https://trigger.dev/">
           Trigger.dev
         </Link>
       </Text>