fix: center

email_template/src/templates/workspace_invitation.html

@@ -16,7 +16,7 @@ bodyClass: bg-purple-50
                     </div>
                     <p class="w-full text-center break-words whitespace-normal text-2xl">
                         <span class="text-3xl font-bold">{{ userName }}</span>
-                        <span class="mx-2=1">invited you to Join</span>
+                        <span class="mx-2=1">invited you to </span>
                         <span class="text-3xl font-bold">{{ workspaceName }}</span>
                     </p>
                     <x-divider space-x="20%"/>
@@ -46,10 +46,12 @@ bodyClass: bg-purple-50
                               href="{{ acceptUrl }}">
                         Join workspace
                     </x-button>
-                    <div class="m-0 leading-4.5 text-sm text-slate-500 text-center w-[100%]">
-                        <div class="w-[60%]">
-                            By clicking "Join workspace" above, you confirm that you have read, understood, and agree to AppFlowy's <a href="https://appflowy.io/terms" class="text-slate-500">Terms & Conditions</a> and <a class="text-slate-500" href="https://appflowy.io/privacy">Privacy Policy.</a>.
-                        </div>
+                    <div class="mx-auto  leading-4.5 text-sm text-slate-500 text-center w-[70%]">
+                        By clicking "Join workspace" above, you confirm that you have read, understood, and agree to
+                        AppFlowy's <a href="https://appflowy.io/terms" class="no-underline text-slate-500">Terms &
+                        Conditions</a>
+                        and <a class="text-slate-500 no-underline" href="https://appflowy.io/privacy">Privacy
+                        Policy.</a>
                     </div>
                     <x-divider space-x="20%"/>
                 </td>