fix(jsx-email): prevent cellPadding, cellSpacing override

shellscape · Oct 15, 2024 · c067250 · c067250
1 parent 2dc1238
commit c067250
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/packages/jsx-email/src/components/container.tsx b/packages/jsx-email/src/components/container.tsx
@@ -30,11 +30,11 @@ export const Container: JsxEmailComponent<ContainerProps> = ({
         <table
           align={alignment}
           width="100%"
-          {...props}
           role="presentation"
           cellSpacing="0"
           cellPadding="0"
           border={0}
+          {...props}
           style={{
             ...(configDds || disableDefaultStyle ? {} : { maxWidth: `${containerWidth}px` }),
             ...style

diff --git a/packages/jsx-email/src/components/row.tsx b/packages/jsx-email/src/components/row.tsx
@@ -18,13 +18,13 @@ export const Row: JsxEmailComponent<RowProps> = ({
     <table
       align="center"
       width="100%"
-      {...props}
-      {...debugProps}
       style={style}
       role="presentation"
       cellSpacing="0"
       cellPadding="0"
       border={0}
+      {...props}
+      {...debugProps}
     >
       <tbody style={configDds || disableDefaultStyle ? {} : { width: '100%' }}>
         <tr style={configDds || disableDefaultStyle ? {} : { width: '100%' }}>{children}</tr>

diff --git a/packages/jsx-email/src/components/section.tsx b/packages/jsx-email/src/components/section.tsx
@@ -9,13 +9,13 @@ export const Section: JsxEmailComponent<SectionProps> = ({ children, style, ...p
   <table
     align="center"
     width="100%"
-    {...props}
-    {...debugProps}
     style={style}
     border={0}
     cellPadding="0"
     cellSpacing="0"
     role="presentation"
+    {...props}
+    {...debugProps}
   >
     <tbody>
       <tr>