react-email icon indicating copy to clipboard operation
react-email copied to clipboard

Inconsistent spacing of social media icons between email clients

Open A-Fujihara opened this issue 8 months ago • 0 comments

Describe the Bug

IOS Image

Gmail

Image

When attempting to recreate the bug associated with issue #1796 we discovered there is a discrepancy with how the social media icons render in IOS vs Gmail, specifically the spacing between the icons. On IOS there appears to be more padding between the icons as compared to Gmail. See screenshots

Which package is affected (leave empty if unsure)

No response

Link to the code that reproduces this issue

https://demo.react.email/preview/magic-links/slack-confirm?view=desktop&lang=markup

To Reproduce

  1. Click on the link to reproduce the issue
  2. Click on the Send button in upper right hand corner
  3. Send a test email to IOS Mail
  4. Repeat and send another test email to a Gmail address

Expected Behavior

Once you have a test email sent to both Mail and Gmail, you should see the rendering difference within the social media icons.

What's your node version? (if relevant)

No response

A-Fujihara avatar Feb 25 '25 18:02 A-Fujihara