Text and table do not fit well together when everything is centered. More information (including screenshots) can you find here: https://github.com/civicrm/civicrm-core/pull/21850
{capture assign=labelStyle }style="padding: 4px; border-bottom: 1px solid #999; background-color: #f7f7f7;"{/capture}
{capture assign=valueStyle }style="padding: 4px; border-bottom: 1px solid #999;"{/capture}
-<center>
<table id="crm-event_receipt" style="font-family: Arial, Verdana, sans-serif; text-align: left; width:100%; max-width:700px; padding:0; margin:0; border:0px;">
<!-- BEGIN HEADER -->
{/if}
</table>
-</center>
</body>
</html>