diff --git a/packages/emails/src/MagicLink.tsx b/packages/emails/src/MagicLink.tsx
index 9b432e2e4..758cbba45 100644
--- a/packages/emails/src/MagicLink.tsx
+++ b/packages/emails/src/MagicLink.tsx
@@ -18,7 +18,6 @@ import EmailLayout, {
bodyText,
button,
buttonContainer,
- footerText,
} from "./components/EmailLayout";
export const MagicLink = () => {
@@ -32,11 +31,29 @@ export const MagicLink = () => {
-
- This link will expire in {"{{.DurationInMinutes}}"} minutes.
-
+
+
+ {"⚠️ This link expires in {{.DurationInMinutes}} minutes. Use it promptly after receiving this email."}
+
+
);
};
+const expiryBox: React.CSSProperties = {
+ backgroundColor: "#fff8e1",
+ border: "1px solid #f9a825",
+ borderRadius: "6px",
+ padding: "12px 16px",
+ marginTop: "8px",
+};
+
+const expiryText: React.CSSProperties = {
+ margin: "0",
+ color: "#7a5900",
+ fontSize: "14px",
+ fontWeight: "600",
+ lineHeight: "20px",
+};
+
export default MagicLink;
diff --git a/packages/emails/templates/magic-link.txt b/packages/emails/templates/magic-link.txt
index 1d612aa0a..21edf06ba 100644
--- a/packages/emails/templates/magic-link.txt
+++ b/packages/emails/templates/magic-link.txt
@@ -6,7 +6,7 @@ Please use this link to connect to {{.OrganizationName}}'s Compliance Page:
{{.MagicLinkURL}}
-This link will expire in {{.DurationInMinutes}} minutes.
+IMPORTANT: This link expires in {{.DurationInMinutes}} minutes. Use it promptly after receiving this email.
{{.SenderCompanyHeadquarterAddress}}
Powered By Prob