diff --git a/apps/mail/components/mail/mail-content.tsx b/apps/mail/components/mail/mail-content.tsx
index d10e03296..62a868d80 100644
--- a/apps/mail/components/mail/mail-content.tsx
+++ b/apps/mail/components/mail/mail-content.tsx
@@ -200,7 +200,7 @@ export function MailContent({ id, html, senderEmail }: MailContentProps) {
           </button>
         </div>
       )}
-      <div ref={hostRef} className={cn('mail-content w-full flex-1 overflow-scroll no-scrollbar px-4')} />
+      <div ref={hostRef} className={cn('mail-content w-full flex-1 overflow-scroll no-scrollbar px-4 text-black dark:text-white')} />
     </>
   );
 }