diff --git a/app/globals.css b/app/globals.css index a9cd7a75..c1796a9e 100644 --- a/app/globals.css +++ b/app/globals.css @@ -87,12 +87,29 @@ body { } /* Enhanced Email Content Styling */ + +/* Wrapper uses inline-block to size to content, enabling horizontal scroll */ +.email-content-wrapper { + display: inline-block; + min-width: 100%; +} + .email-content { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; font-size: 0.9375rem; line-height: 1.6; color: var(--color-foreground); max-width: none; + /* Size to content's natural width, don't shrink below it */ + width: max-content; + min-width: 100%; +} + +/* Prevent tables with width="100%" from shrinking below their content */ +.email-content table[width="100%"], +.email-content table[style*="width:100%"], +.email-content table[style*="width: 100%"] { + min-width: max-content; } .email-content p { diff --git a/components/email/email-viewer.tsx b/components/email/email-viewer.tsx index 5f5aa25c..824431d8 100644 --- a/components/email/email-viewer.tsx +++ b/components/email/email-viewer.tsx @@ -1195,7 +1195,7 @@ export function EmailViewer({ )} {/* Email Body */} -