fix(emails): restore row spacing in the batch-invitation workspace list

Author: waleedlatif1

apps/sim/components/emails/_styles/base.ts

@@ -275,7 +275,12 @@ export const baseStyles = {
     margin: '0 0 8px 0',
   },
 
-  /** Info box list content */
+  /**
+   * Info box body copy.
+   *
+   * `margin: 0` — so multi-row content must be ONE `Text` with `<br />` between
+   * rows, never several `Text` nodes, which would stack flush with no gap.
+   */
   infoBoxList: {
     fontSize: typography.fontSize.md,
     lineHeight: '1.6',

apps/sim/components/emails/invitations/batch-invitation-email.tsx

@@ -1,3 +1,4 @@
+import { Fragment } from 'react'
 import { Section, Text } from '@react-email/components'
 import { baseStyles } from '@/components/emails/_styles'
 import { EmailButton, EmailLayout, EmailStrong } from '@/components/emails/components'
@@ -80,11 +81,14 @@ export function BatchInvitationEmail({
             Workspace access ({workspaceInvitations.length} workspace
             {workspaceInvitations.length !== 1 ? 's' : ''})
           </Text>
-          {workspaceInvitations.map((ws) => (
-            <Text key={ws.workspaceId} style={baseStyles.infoBoxList}>
-              {ws.workspaceName} — {getPermissionLabel(ws.permission)}
-            </Text>
-          ))}
+          <Text style={baseStyles.infoBoxList}>
+            {workspaceInvitations.map((ws, index) => (
+              <Fragment key={ws.workspaceId}>
+                {index > 0 && <br />}
+                {ws.workspaceName} — {getPermissionLabel(ws.permission)}
+              </Fragment>
+            ))}
+          </Text>
         </Section>
       )}