Zero
Zero copied to clipboard
Mail-0
Strange text rendering on certain emails.
Bug Description
There appears to be a text rendering issue with certain emails. Most notably, Google security emails. I will link more as I find them (as well as associated HTML).
Google Security Email HTML (PII removed)
<html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"><meta name="x-apple-disable-message-reformatting"><meta http-equiv="Content-Security-Policy" content="default-src 'none'; img-src * data: blob: 'unsafe-inline'; style-src 'unsafe-inline' *; font-src *; script-src 'nonce-y+4CjvyXX+sOn0wOIGBfCw==';"><style>
@font-face {
font-family: 'Geist';
src: url('/fonts/geist/Geist-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Geist';
src: url('/fonts/geist/Geist-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Geist';
src: url('/fonts/geist/Geist-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Geist';
src: url('/fonts/geist/Geist-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
@media (prefers-color-scheme: dark) {
body, table, td, div, p {
background: transparent !important;
background-color: #1A1A1A !important;
font-size: 16px !important;
font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
* {
background: transparent !important;
background-color: #1A1A1A !important;
font-size: 16px !important;
font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
}
@media (prefers-color-scheme: light) {
body, table, td, div, p {
background: transparent !important;
background-color: white !important;
font-size: 16px !important;
font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
* {
background: transparent !important;
background-color: white !important;
font-size: 16px !important;
font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
}
</style><script nonce="y+4CjvyXX+sOn0wOIGBfCw==">
document.addEventListener('securitypolicyviolation', (e) => {
// Send the violation details to the parent window
window.parent.postMessage({
type: 'csp-violation',
}, '*');
});
</script></head><body style="margin: 0px; padding: 0px; background: transparent; color: rgb(255, 255, 255);"><!--$--><table align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width:100%;width:100%;background:transparent;padding:0;margin:0"><tbody><tr style="width:100%"><td><table align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;background:transparent"><tbody><tr><td><table align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:transparent"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="background:transparent"><div><table width="100%" height="100%" style="min-width: 348px;" border="0" cellspacing="0" cellpadding="0" lang="en"><tbody><tr height="32" style="height: 32px;"><td></td></tr><tr align="center"><td><div itemscope="" itemtype="//schema.org/EmailMessage"><div itemprop="action" itemscope="" itemtype="//schema.org/ViewAction"><link itemprop="url" href="XXXXXXXXXXXXXXXXXX"><meta itemprop="name" content="Review Activity"></div></div><table border="0" cellspacing="0" cellpadding="0" style="padding-bottom: 20px; max-width: 516px; min-width: 220px;"><tbody><tr><td width="8" style="width: 8px;"></td><td><div style="border-style: solid; border-width: thin; border-color:#dadce0; border-radius: 8px; padding: 40px 20px;" align="center" class="mdv2rw"><img src="https://www.gstatic.com/images/branding/googlelogo/2x/googlelogo_color_74x24dp.png" width="74" height="24" aria-hidden="true" style="margin-bottom: 16px;" alt="Google"><div style="font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; border-bottom: thin solid rgb(218, 220, 224); color: rgb(255, 255, 255); line-height: 32px; padding-bottom: 24px; text-align: center; word-break: break-word;"><div style="font-size: 24px;"><a target="_blank">0</a> was granted access to your Google Account </div><table align="center" style="margin-top:8px;"><tbody><tr style="line-height: normal;"><td align="right" style="padding-right:8px;"><img width="20" height="20" style="width: 20px; height: 20px; vertical-align: sub; border-radius: 50%;;" src="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX" alt=""></td><td><a style="font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; color: rgb(255, 255, 255); font-size: 14px; line-height: 20px;" target="_blank">[email protected]</a></td></tr></tbody></table> </div><div style="font-family: Roboto-Regular, Helvetica, Arial, sans-serif; font-size: 14px; color: rgb(255, 255, 255); line-height: 20px; padding-top: 20px; text-align: left;"><br>If you did not grant access, you should check this activity and secure your account.<div style="padding-top: 32px; text-align: center;"><a href="XXXXXXXXXXXXXXXXXXXX" target="_blank" link-id="main-button-link" style="font-family: 'Google Sans',Roboto,RobotoDraft,Helvetica,Arial,sans-serif; line-height: 16px; color: #ffffff; font-weight: 400; text-decoration: none;font-size: 14px;display:inline-block;padding: 10px 24px;background-color: #4184F3; border-radius: 5px; min-width: 90px;">Check activity</a></div></div><div style="padding-top: 20px; font-size: 12px; line-height: 16px; color: rgb(255, 255, 255); letter-spacing: 0.3px; text-align: center;">You can also see security activity at<br><a style="color: rgb(255, 255, 255); text-decoration: inherit;" target="_blank">https://myaccount.google.com/notifications</a></div></div><div style="text-align: left;"><div style="font-family: Roboto-Regular, Helvetica, Arial, sans-serif; color: rgb(255, 255, 255); font-size: 11px; line-height: 18px; padding-top: 12px; text-align: center;"><div>You received this email to let you know about important changes to your Google Account and services.</div><div style="direction: ltr;">© 2025 Google LLC, <a class="afal" style="font-family: Roboto-Regular, Helvetica, Arial, sans-serif; color: rgb(255, 255, 255); font-size: 11px; line-height: 18px; padding-top: 12px; text-align: center;" target="_blank">1600 Amphitheatre Parkway, Mountain View, CA 94043, USA</a></div></div></div></td><td width="8" style="width: 8px;"></td></tr></tbody></table></td></tr><tr height="32" style="height: 32px;"><td></td></tr></tbody></table></div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><!--7--><!--/$--></body></html>
Steps to Reproduce
- Sign up for 0 using GMail.
- Look at the security notification email.
Expected Behavior
Here's how GMail renders the email: 
Actual Behavior
Here's how 0 renders the email: 
What browsers are you seeing the problem on?
Firefox
Application Version
Current 0.email web version.
Environment Information
Tested in both Zen (Firefox) and Opera (Chromium) with the same result. Running on Windows 11.
Relevant Log Output
Found another, this time with my mobile provider. It looks like the layout isn't being rendered correctly?
0: 
GMail: 
Visible Payment Email HTML (PII Removed)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Payment received, thanks!</title>
<link href="https://pub.s10.exacttarget.com/xzda1ofn3rv" rel="stylesheet" type="text/css">
<style type="text/css">
@import url('https://pub.s10.exacttarget.com/xzda1ofn3rv');
body {
margin: 0;
padding: 0;
}
.refer-friend-program {
min-width: 320px;
max-width: 720px;
margin: 0 auto;
border: 1px solid #E6E6E6;
}
.logo-container {
margin: 12px 0 16px 22px;
}
.upgrade-program {
margin-bottom: 16px;
}
.upgrade-program img {
width: 100%;
}
.upgrade-copy {
padding: 32px;
}
.upgrade-copy h1 {
width: 360px;
font-style: normal;
font-weight: 650;
font-size: 48px;
line-height: 56px;
letter-spacing: 0.8px;
color: #1C1C1C;
font-family: 'FuturaStd','Helvetica Neue', Helvetica, Arial, sans-serif;
margin-top: 0;
}
.container {
padding: 12px 32px;
margin: 0px;
}
a {
color: #1800FF;
text-decoration: none;
font-weight: 700;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.1px;
}
.subHeading {
font-weight: 700;
font-style: normal;
font-size: 22px;
line-height: 32px;
letter-spacing: 0.05px;
color: #1C1C1C;
font-family: 'FuturaStd','Helvetica Neue', Helvetica, Arial, sans-serif;
margin-bottom: 8px;
}
.content {
font-style: normal;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.1px;
color: #4B4B4B;
font-family: 'FuturaStd','Helvetica Neue', Helvetica, Arial, sans-serif;
margin-bottom: 34px;
}
.content p {
margin: 0;
}
.text-paragraph-t5 {
font-style: normal;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.1px;
color: #4B4B4B;
font-family: 'FuturaStd','Helvetica Neue', Helvetica, Arial, sans-serif;
margin-bottom: 34px;
}
.code-text {
font-weight: 450;
font-size: 14px;
line-height: 20px;
color: #6E6E6E;
margin-top: 24px !important;
}
.code {
border: 1px dashed #1800FF;
padding: 2px 80px;
width: 100px;
margin-top: 2px;
font-weight: 700;
font-size: 20px;
line-height: 30px;
color: #1C1C1C;
letter-spacing: 0.05px;
}
.middle-section-t5{
background: #EDFDFA;
}
.middle-section-padding{
padding-top: 32px;
padding-left: 32px;
padding-bottom: 20px;
padding-right: 32px;
}
.instruction-text {
font-family: 'FuturaStd', Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 32px;
letter-spacing: 0.05px;
color: #1C1C1C;
}
.table-text td{
padding-top: 17px;
font-family: 'FuturaStd', Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-style: normal;
font-weight: 450;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.1px;
color: #4B4B4B;
}
.block-grid,
.col {
min-width: 320px !important;
max-width: 100% !important;
display: block !important;
}
.block-grid {
width: 100% !important;
}
.block-grid2{
border-collapse: collapse;
display: table;
background-color:transparent;
}
.col_cont {
margin: 0 auto;
}
.name-text-t5 {
font-family: 'FuturaStd', Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 32px;
letter-spacing: 0.05px;
color: #1C1C1C;
margin-bottom: 24px;
margin-right: 20px;
}
.name-text-t6 {
font-family: 'FuturaStd', Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-style: normal;
font-weight: 450;
font-size: 16px;
line-height: 32px;
letter-spacing: 0.05px;
color: #1C1C1C;
margin-bottom: 24px;
}
.name-text-t7 {
font-family: 'FuturaStd', Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 32px;
letter-spacing: 0.05px;
color: #1C1C1C;
margin-bottom: 12px;
padding-left: 12px;
padding-right:32px;
}
.txtTinyMce-wrapper{
margin-top: 32px;
margin-left: 32px;
}
.order-table{
margin-bottom: 39px;
}
.order-table, tr,td {
font-family: 'FuturaStd', Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-style: normal;
font-size: 16px;
line-height: 30px;
letter-spacing: 0.1px;
color: #1C1C1C;
}
.order-table ,.orderListValue{
font-weight: 450;
}
.order-table ,.orderList{
font-weight: 700;
margin-right: 20px;
}
.login_upgrade_button a {
color: #1800FF;
text-decoration: none;
}
.login_upgrade_button button {
margin-top: 32px;
width: 230px;
height: 48px;
background: #1800FF;
color: #FFFFFF;
font-family: 'FuturaStd', Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.1px;
margin-bottom: 32px;
cursor: pointer;
border: 2px solid #1800FF;
}
.login_upgrade_button a:focus-visible {
outline: 2px solid black;
outline-offset: 5px;
}
.button-refactored {
margin-top: 32px;
width: 226px;
/* height: 44px; */
background: #1800FF;
color: #FFFFFF;
font-family: 'FuturaStd', Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.1px;
margin-bottom: 32px;
cursor: pointer;
border: 2px solid #1800FF;
display: block;
text-align: center;
height: unset;
padding: 10px 0px;
color: #FFF !important; border-radius: 4px;
}
.hr-line {
border-top: 1px solid #E6E6E6;
margin-bottom: 32px;
}
.step-section {
background: #C7EBFF;
padding: 40px 76px 54px 64px;
}
.step-section p {
margin: 0 0 0 40px;
}
.content pre {
margin: 0;
}
.second-item {
padding: 24px 0;
}
.sharing-ways {
font-weight: 700;
margin-bottom: 24px !important;
}
.icon-img {
margin-right: 10px;
margin-bottom: -4px;
vertical-align: text-top;
}
.icon-text-mob {
display: none;
}
.icon-text-dsk td pre {
margin-right: 72px;
}
.icon-section {
margin-top: 14px;
margin-left: 20px;
}
.icon-section img:nth-child(even) {
margin: 0 28px;
}
.left-aligned-footer .logo-container,
.left-aligned-footer .icon-section,
.left-aligned-footer .question-text,
.left-aligned-footer .visible-text,
.left-aligned-footer .social-button {
margin-left: 24px;
}
.question-text {
margin-top: 10px;
margin-left: 32px;
margin-right:24px;
}
.question-text img {
margin-right: 10px;
vertical-align: text-bottom;
}
.question-text a {
color: #1800FF;
font-weight: 700;
}
.question-text p {
font-family: 'FuturaStd','Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 450;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.1px;
color: #000000;
}
.visible-text{
font-family: 'FuturaStd','Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.1px;
color: #000000;
margin-top: 15px;
margin-left: 32px;
margin-right:24px;
}
.social-button {
padding-right:32px;
padding-left:32px;
}
.social-button a{
text-decoration:none ;
}
.social-button span{
padding-right:8px ;
}
.qualify-hero {
margin-bottom: 16px;
padding: 48px 32px;
background: #DEECFD;
}
.qualify-hero h1 {
width: auto;
font-style: normal;
font-weight: bold;
font-size: 36px;
line-height: 56px;
letter-spacing: 0.8px;
color: #1C1C1C;
font-family: 'FuturaStd','Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0;
text-align:left;
}
.footer-link a {
text-decoration: none;
color:#6E6E6E;
font-family: 'FuturaStd','Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 450;
font-size: 13px;
line-height: 18px;
letter-spacing: 0.2px;
}
.footer-link p {
margin: 0;
}
.unset-heading-style {
margin: 0;
padding: 0;
font-size: unset;
font-weight: unset;
width: 0;
height: 0;
opacity: 0;
overflow: hidden;
}
.footer-link {
margin-left: 32px;
margin-right:24px;
}
.footer-paragraph {
font-family: 'FuturaStd','Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 450;
font-size: 13px;
line-height: 18px;
letter-spacing: 0.2px;
color: #6E6E6E;
margin-top: 24px;
margin-bottom: 62px;
margin-right:24px;
}
.logo-container-footer {
margin: 40px 0 24px 26px;
}
.table-text td{
padding-top: 24px;
font-family: 'FuturaStd','Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 450;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.1px;
color: #4B4B4B;
}
.table-text img {
margin-right: 8px;
}
.text-decoration-a {
text-decoration: underline !important;
text-underline-offset: 2px;
}
.nav span{
padding: 0;
font-family: 'FuturaStd','Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.1px;
color: #1800FF;
}
.nav {
margin-top: 0;
margin-right: 28px;
}
.nav a {
text-decoration: none;
cursor: pointer;
color: #1800FF;
font-family: 'FuturaStd','Helvetica Neue', Helvetica, Arial, sans-serif;
}
</style>
<style type="text/css" id="media-query">
@media (max-width: 550px){
.icon-text-mob {
display: block;
}
.icon-text-dsk {
display: none;
}
.refer-friend-program {
min-width: 320px !important;
max-width: 100% !important;
display: block !important;
width: 100% !important;
}
.two-columns table.column {
}
}
</style>
</head>
<body style="margin: 0; padding: 0; -webkit-text-size-adjust: 100%; background-color: #FFFFFF;"><style type="text/css">
div.preheader
{ display: none !important; }
</style>
<div class="preheader" style="font-size: 1px; display: none !important;"> Hey XXXXXXXXXXXXXXXXX, just letting you know your PayPal Account was charged $25.00. If you'd like details, log in to the Visible app or site, then hit 'Payment history.'</div>
<center style="table-layout:fixed;">
<table cellpadding="0" cellspacing="0" width="100%" style="min-width: 100%; " class="stylingblock-content-wrapper"><tr><td class="stylingblock-content-wrapper camarker-inner">
</td></tr></table>
<!--[if IE]><div class="ie-browser"><![endif]-->
<table style="table-layout: fixed; vertical-align: top; min-width: 320px; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #FFFFFF; width: 100%;" cellpadding="0" cellspacing="0" role="presentation" width="100%" bgcolor="#FFFFFF" valign="top">
<tbody>
<tr style="vertical-align: top;" valign="top">
<td style="word-break: break-word; vertical-align: top;" valign="top">
<div class="refer-friend-program">
<!--Visible logo starts here-->
<table cellpadding="0" cellspacing="0" width="100%" role="presentation" style="min-width: 100%; " class="stylingblock-content-wrapper"><tr><td class="stylingblock-content-wrapper camarker-inner"><div class="block-grid grid-block1 nav">
<!-- ---------------Image logo start----------------- -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<div class="logo-container">
<a href="https://click.mail.visible.com/u/?qs=25e92265fd70c67aa58a5487ea66e4ee29679488a75d89861982f0454be8fdcbd98134cbffd98ba23b74d442192d3028c54978fe3244b8b14e7551957c44151e">
<img src="https://image.mail.visible.com/lib/fe34157075640478721377/m/1/e6bb914a-0c25-4802-8e5d-cdad6019490a.png" alt="Visible by Verizon" width="100"></a>
</div>
</td>
<td align="right">
<div style="padding-right:20px;">
<span><a href="https://click.mail.visible.com/?qs=25e92265fd70c67a935cb96446c3463f5d81c84c488c2fc16ba62215975eaefa2129b1433646dfcbebdacabdc7f241ec02b6f740d137c7c73968b5a969f50e8e" style="color:blue;">Shop</a> | </span>
<span><a href="https://click.mail.visible.com/?qs=25e92265fd70c67a805e32cfa296141c160f94ba3b1be8bbccfd8d738c7c7831dae4074373be2d4290cc5fe97029b8d0362b43388600fcdeafcc729afd0f7fb5" style="color:blue;">My Account</a></span>
</div>
</td>
</tr>
</table>
</div></td></tr></table>
<!--Visible logo ends here-->
<!--Hero copy section starts here-->
<div class="qualify-hero"> <h1>Payment received, thanks!</h1>
</div>
<!--Hero copy section ends here-->
<div class="container">
<!--Refer a friend heading starts here-->
<h2 class="subHeading">Hey XXXX,</h2><br>
<!--Refer a friend heading ends here-->
<!-- Refer a friend Section content starts here-->
<div class="content">
<p class="name-text-t4"> Just letting you know we charged $25.00 to your PayPal Account, so your Visible service on xxx-xxx-XXXX is good to go. If you'd like details, <a class="text-decoration-a" href="https://click.mail.visible.com/?qs=25e92265fd70c67a2b8e4eb3c4815e6c538cf14cd9fb84d4d49ea584870f57595fb34dde427dfc0724995fa6f4e955a562c6e7d978b0ef83a175f19148cf0cea">log in to your account</a>, then hit <strong>Payment history</strong>.<br><br>If you have any questions or concerns, please <a class="text-decoration-a" style="color:blue;" href="https://click.mail.visible.com/?qs=25e92265fd70c67a87ecc682e58821e49f50857e300e0fb891327b4b118f0effad2d16bbd9e79784506a15baf0d2f6694a4bde8201a1aae3f985b20c09d38f7d">reach out to our Care team</a>.<br><br><strong>Note: </strong>some financial institutions take a few days to post transactions, so you may not see the charge on your credit card or bank statement immediately.</p>
</div>
<!--Refer a friend Section content ends here-->
</div>
<!--Service details section ends here-->
<!--SWAP section ends here-->
<!--Device details ends here-->
<!--TradeIn section starts here-->
<!--TradeIn ends here-->
<!--Additional promotional offers section ends here-->
<!-- --------------Footer logo image start----------------- --> <div class="hr-line"></div>
<!-- -----------------------section-2 end-------------- -->
<table cellpadding="0" cellspacing="0" width="100%" role="presentation" style="min-width: 100%; " class="stylingblock-content-wrapper"><tr><td class="stylingblock-content-wrapper camarker-inner"><p class="visible-text"><strong>Follow Visible:</strong></p>
<div class="icon-section">
<a href="https://click.mail.visible.com/u/?qs=25e92265fd70c67a7b91898f0cc4c90f31b7435190a7310f2e33b5957892f8c57624b71262c61d8440f3f4df5a8d86449c078b87c18e7de15547a4a4e5a4f5a5"> <img src="https://image.mail.visible.com/lib/fe34157075640478721377/m/1/2a546efc-9b91-4e5e-8f0f-2926d6a33866.png" alt="facebook" width="46" height="46"></a>
<a href="https://click.mail.visible.com/u/?qs=25e92265fd70c67a206030070c07c8ae068a0bafc12d23e561c818149e83ff9a1e9f16ea996d26a87398613ae856e68a3df9d0e79ac7e693c9c6227cc6cbe5eb"> <img src="https://image.mail.visible.com/lib/fe34157075640478721377/m/1/3dc3172b-462b-4d31-a7cc-9d887d307a6b.png" alt="twitter" width="46" height="46"></a>
<a href="https://click.mail.visible.com/u/?qs=25e92265fd70c67a10b951cc41bf2700be42b8fda3e67e924c8d196587a39a2528077b76b66ccbb6e91296b0ed6113182805cb313b7f1c2f82d7bae92a147d25"> <img src="https://image.mail.visible.com/lib/fe34157075640478721377/m/1/f52b1030-4bd1-4614-abea-52715e6862b6.png" alt="instagram" width="46" height="46"></a>
<a href="https://click.mail.visible.com/u/?qs=25e92265fd70c67a5a9a8f281eaa9e69b924e6872c0fdbe8afaa343eabe74456d14ed63613f180a9512fa0d91ca1c909011660f18ab7af00a211becb67dd2e67"> <img src="https://image.mail.visible.com/lib/fe34157075640478721377/m/1/1bc5204b-d811-4fb3-96c2-6e43c16fd343.png" alt="TikTok" width="46" height="46"></a>
</div>
</td></tr></table>
<!-- ----------------------------section-3 start---------------- -->
<table cellpadding="0" cellspacing="0" width="100%" role="presentation" style="min-width: 100%; " class="stylingblock-content-wrapper"><tr><td class="stylingblock-content-wrapper camarker-inner"><!-- -----------------------section-2 start-------------- -->
<div class="question-text">
<span> <img src="https://image.mail.visible.com/lib/fe34157075640478721377/m/1/cb0c510f-8311-480e-9519-863bd4f3f522.png" alt="Questions icon" width="28" height="28">Have questions?</span>
<span>
<a class="text-decoration-a" style="color:blue;" href="https://click.mail.visible.com/u/?qs=25e92265fd70c67a87ecc682e58821e49f50857e300e0fb891327b4b118f0effad2d16bbd9e79784506a15baf0d2f6694a4bde8201a1aae3f985b20c09d38f7d">
Connect with us.
</a>
</span>
</div>
<!-- -----------------------section-2 end-------------- --> </td></tr></table>
<br><div class="hr-line"></div>
<table cellpadding="0" cellspacing="0" width="100%" role="presentation" style="min-width: 100%; " class="stylingblock-content-wrapper"><tr><td class="stylingblock-content-wrapper camarker-inner"><p class="visible-text">Download the Visible app</p>
<div class="social-button">
<span>
<a href="https://click.mail.visible.com/u/?qs=25e92265fd70c67a96dfaddd7e6bd374b886678a7dc265707b28595d58c4dc208c6a333bb7b6e875ee6feb7089b2b7808624cca46c1841d77d95b286039892c8">
<img src="https://image.mail.visible.com/lib/fe34157075640478721377/m/1/8fcebf9b-32a6-42d9-83dc-777267d1dc31.png" alt="App store" width="140" height="40">
</a>
</span>
<span>
<a href="https://click.mail.visible.com/u/?qs=25e92265fd70c67adb22ab0a329ab31538cad50ea5ff0746f0a0b033f89ce060a1b2e3a84723f10a0094f26c6aa199e1359045ef0c9bc87dee28adeac08e38e2">
<img src="https://image.mail.visible.com/lib/fe34157075640478721377/m/1/077b5608-1b12-4604-a9fc-4ecd7db9a44d.png" alt="Google play" width="140" height="40">
</a>
</span>
</div>
</td></tr></table>
<br> <div class="hr-line"></div>
<!-- --------------Footer section link start----------------- -->
<div class="footer-link">
<table cellpadding="0" cellspacing="0" width="100%" role="presentation" style="min-width: 100%; " class="stylingblock-content-wrapper"><tr><td class="stylingblock-content-wrapper camarker-inner"><p><a style="color:blue;text-decoration:none;border-bottom:1px solid #180fff;" href="https://click.mail.visible.com/?qs=25e92265fd70c67a65ff240b2443f49ede7fdb04e9d96f0a324e122894d147b468ceefa9105e3396a6e224d9103360284ec4d4da822faa522336294165a425b9">Terms</a> |
<a style="color:blue;text-decoration:none;border-bottom:1px solid #180fff;" href="https://click.mail.visible.com/unsub_center.aspx?qs=08bd954f4f249d073299572b1a81646e0e08710a47dca5b86092b9a78d351a916fc83ec3e83adf8f37776702310e7bc2bf24f8dd847e302833384071aa2620783306c2e87e48b144a9e339e1679001a1" target="_blank">Unsubscribe</a> | <a style="color:blue;text-decoration:none;border-bottom:1px solid #180fff;" href="https://click.mail.visible.com/?qs=25e92265fd70c67a472632e208312291d6f58751c7032c9b4c93da7c9d583da498c4175f773303602fe1e5280b8c03f1d0444aeb9d664680622367976e76d005" target="_blank"> Privacy Policy</a> <br><a style="color:blue;text-decoration:none;border-bottom:1px solid #180fff;" href="https://click.mail.visible.com/?qs=25e92265fd70c67a7774585e47917c7d998c9ac04b7d1c0dc075dc7ee8415c2e30eae07ec639dfc736aeba5b8043841d560b30fb1349e7e86607434e90fa506a" target="_blank"> California Privacy Notice</a> |
<a style="color:blue;text-decoration:none;border-bottom:1px solid #180fff;" href="https://click.mail.visible.com/?qs=25e92265fd70c67aadb7e5b2f3e942a9af5dfdd3e64662f71daf2e729491b21c7fdba7d54d1ea5ac859a949732465e29c8e8dec1a7e789918780dbcd3b5fd02e" target="_blank"> Your Privacy Choices</a>
<img src="https://image.mail.visible.com/lib/fe34157075640478721377/m/1/aa549005-8110-4978-b75b-21ed6ae5c7f3.png" alt="Your Privacy Choices" width="29.2" height="14"></p></td></tr></table>
<div class="footer-paragraph"><table cellpadding="0" cellspacing="0" width="100%" role="presentation" style="min-width: 100%; " class="stylingblock-content-wrapper"><tr><td class="stylingblock-content-wrapper camarker-inner"><p style="line-height:normal;">
<span style="color:#6E6E6E; font-size:13px;">Verizon, One Verizon Way, Basking Ridge, NJ 07920<br>
© 2025 Visible Service LLC
</span></p></td></tr></table></div>
</div>
<!-- --------------Footer section link End----------------- -->
</div> <img src="https://click.mail.visible.com/open.aspx?ffcb10-fe8a15727d6d027972-fe2511797664077d7c1c75-fe34157075640478721377-ff65157777-fe25167773670d78751175-fecb1570776d037c&d=100208&bmt=0" width="1" height="1" alt="">
<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</body>
</html>
Looks like the copy of the HTML from the Google Security email was mangled somehow. Reproducing the real email should be straight-forward enough though :)
This may be caused by the react-email library we're using to render emails. We will look into this thank you for reporting.
