diff --git a/src/pages/setting/personality/components/ContentSection.tsx b/src/pages/setting/personality/components/ContentSection.tsx
index 47d0cd4..cf713f5 100644
--- a/src/pages/setting/personality/components/ContentSection.tsx
+++ b/src/pages/setting/personality/components/ContentSection.tsx
@@ -17,7 +17,7 @@ const ContentSection: FC = () => {
     if (!data || !data.content) {
         return (
             <tr>
-                <td style={{ height: '246px', textAlign: 'center', verticalAlign: 'middle', paddingTop: '16px' }}>
+                <td style={{ height: '246px', textAlign: 'right', verticalAlign: 'middle', paddingTop: '0px' }}>
                     <div>در حال بارگذاری...</div>
                 </td>
             </tr>
@@ -86,7 +86,7 @@ const ContentSection: FC = () => {
 
     return (
         <tr onClick={(e) => handleSectionClick(SectionName.CONTENT, e)}>
-            <td style={{ paddingTop: '16px' }}>
+            <td style={{ paddingTop: '0px' }}>
                 {
                     data.content.columnsCount > 0 ?
                         <table width="100%" cellPadding="0" cellSpacing="0" border={0}>
@@ -178,7 +178,7 @@ const ContentSection: FC = () => {
                                                                                                     <td
                                                                                                         width="100%"
                                                                                                         height={item?.buttons && item.buttons.length > 0 ? "203" : "230"}
-                                                                                                        align={item?.texts?.[0]?.alignment || 'center'}
+                                                                                                        align={item?.texts?.[0]?.alignment || 'right'}
                                                                                                         valign={item?.texts?.[0]?.verticalAlignment === VerticalAlignment.TOP ? 'top' :
                                                                                                             item?.texts?.[0]?.verticalAlignment === VerticalAlignment.BOTTOM ? 'bottom' : 'middle'}
                                                                                                         style={{
@@ -255,7 +255,7 @@ const ContentSection: FC = () => {
                                             height: '286px',
                                             border: activeSection === SectionName.CONTENT ? '1px dashed #0038FF' : '1px dashed #E5E7EB',
                                             borderRadius: '24px',
-                                            textAlign: 'center',
+                                            textAlign: 'right',
                                             verticalAlign: 'middle',
                                             padding: '10px',
                                             cursor: 'pointer'
diff --git a/src/pages/setting/personality/components/FooterSection.tsx b/src/pages/setting/personality/components/FooterSection.tsx
index 11f768a..226bae3 100644
--- a/src/pages/setting/personality/components/FooterSection.tsx
+++ b/src/pages/setting/personality/components/FooterSection.tsx
@@ -17,7 +17,7 @@ const FooterSection: FC = () => {
     if (!data || !data.footer) {
         return (
             <tr>
-                <td style={{ height: '123px', textAlign: 'center', verticalAlign: 'middle', paddingTop: '16px' }}>
+                <td style={{ height: '123px', textAlign: 'center', verticalAlign: 'middle', paddingTop: '0px' }}>
                     <div>در حال بارگذاری...</div>
                 </td>
             </tr>
@@ -83,7 +83,7 @@ const FooterSection: FC = () => {
 
     return (
         <tr onClick={(e) => handleSectionClick(SectionName.FOOTER, e)}>
-            <td style={{ paddingTop: '16px' }}>
+            <td style={{ paddingTop: '0px' }}>
                 {
                     data.footer.columnsCount > 0 ?
                         <table width="100%" cellPadding="0" cellSpacing="0" border={0}>
@@ -118,7 +118,7 @@ const FooterSection: FC = () => {
                                                                             backgroundRepeat: item?.style?.backgroundRepeat || 'no-repeat',
                                                                             backgroundPosition: item?.style?.backgroundPosition || 'center',
                                                                             cursor: 'pointer',
-                                                                            padding: '8px',
+                                                                            // padding: '8px',
                                                                             verticalAlign: 'top',
                                                                             borderRadius: '8px',
                                                                             position: 'relative'
diff --git a/src/pages/setting/personality/components/HeaderSection.tsx b/src/pages/setting/personality/components/HeaderSection.tsx
index e7a00db..843dc8b 100644
--- a/src/pages/setting/personality/components/HeaderSection.tsx
+++ b/src/pages/setting/personality/components/HeaderSection.tsx
@@ -120,7 +120,7 @@ const HeaderSection: FC = () => {
                                                             backgroundRepeat: item?.style?.backgroundRepeat || 'no-repeat',
                                                             backgroundPosition: item?.style?.backgroundPosition || 'center',
                                                             cursor: 'pointer',
-                                                            padding: '8px',
+                                                            // padding: '8px',
                                                             verticalAlign: 'top',
                                                             borderRadius: '8px',
                                                             position: 'relative'
diff --git a/src/pages/setting/personality/utils/ExportHTML.ts b/src/pages/setting/personality/utils/ExportHTML.ts
index f6e0a65..263961e 100644
--- a/src/pages/setting/personality/utils/ExportHTML.ts
+++ b/src/pages/setting/personality/utils/ExportHTML.ts
@@ -48,7 +48,7 @@ export const exportPersonalityToHTML = async (
           `<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
         <tbody>
           <tr>
-            <td align="${textItem.alignment || "center"}" style="color: ${
+            <td align="${textItem.alignment || "right"}" style="color: ${
             textItem.color || "#000000"
           }; font-size: ${
             textItem.fontSize || 14
@@ -192,7 +192,7 @@ export const exportPersonalityToHTML = async (
         }" cellpadding="0" cellspacing="0" border="0">
           <tbody>
             <tr>
-              <td align="center" valign="middle" style="text-align: center;">
+              <td align="center" valign="middle" style="text-align: right;">
                 <img src="${image.src}" alt="${
           image.alt || "تصویر آپلود شده"
         }" width="${image.width || "100%"}" height="${
@@ -277,7 +277,7 @@ export const exportPersonalityToHTML = async (
           <table width="100%" cellpadding="0" cellspacing="0" border="0">
             <tbody>
               <tr>
-                <td style="padding: 10px; border-radius: 24px;">
+                <td style="padding: 0px; border-radius: 24px;">
                   <table width="100%" cellpadding="0" cellspacing="0" border="0" style="table-layout: fixed;">
                     <tbody>
                       <tr>
@@ -336,22 +336,12 @@ export const exportPersonalityToHTML = async (
                                 : "67";
 
                               result += `<tr>
-                              <td width="100%" height="${mainHeight}" align="${
-                                item?.texts?.[0]?.alignment || "center"
-                              }" valign="${
-                                item?.texts?.[0]?.verticalAlignment ===
-                                VerticalAlignment.TOP
-                                  ? "top"
-                                  : item?.texts?.[0]?.verticalAlignment ===
-                                    VerticalAlignment.BOTTOM
-                                  ? "bottom"
-                                  : "middle"
-                              }" style="padding: 8px; font-size: 14px; line-height: 1.4;">
+                              <td width="100%" height="${mainHeight}" style="padding: 20px; vertical-align: top; font-size: 15px; line-height: 1.8;">
                                 ${renderTexts(item?.texts || [])}
                                 ${renderImages(item?.images || [])}
                                 ${
                                   isContentSection
-                                    ? '<div style="margin: 16px 0; text-align: center;">{{content}}</div>'
+                                    ? '<div style="margin: 0; text-align: right;">{{content}}</div>'
                                     : ""
                                 }
                               </td>
@@ -409,7 +399,7 @@ export const exportPersonalityToHTML = async (
               <tr>
                 <td style="height: ${
                   sectionHeight === "246px" ? "286px" : sectionHeight
-                }; border-radius: 24px; text-align: center; vertical-align: middle; padding: 10px;">
+                }; border-radius: 24px; text-align: right; vertical-align: middle; padding: 0px;">
                   <div style="color: #888; font-size: 14px; margin-bottom: 8px;">
                     ${emptyMessage}
                   </div>
@@ -427,8 +417,8 @@ export const exportPersonalityToHTML = async (
     <table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
       <tbody>
         ${renderSection(data.header, "123px")}
-        ${renderSection(data.content, "246px", "16px", true)}
-        ${renderSection(data.footer, "123px", "16px")}
+        ${renderSection(data.content, "246px", "", true)}
+        ${renderSection(data.footer, "123px", "")}
       </tbody>
     </table>
   </div>`;