diff --git a/packages/common/components/blocks/2024-head.marko b/packages/common/components/blocks/2024-head.marko
index ab2e450d..94bd3f80 100644
--- a/packages/common/components/blocks/2024-head.marko
+++ b/packages/common/components/blocks/2024-head.marko
@@ -158,6 +158,7 @@ $ const title = get(newsletterConfig, "title");
       .es-m-p40r { padding-right:40px!important }
       .es-m-p40l { padding-left:40px!important }
       .hide-mobile { padding: 0px!important }
+      .mobile-padding { padding-top: 20px !important; padding-bottom: 20px !important}
     }
   </style>
  </head>
diff --git a/packages/common/components/blocks/2024/promo.marko b/packages/common/components/blocks/2024/promo.marko
index 657f1454..1d3c69ad 100644
--- a/packages/common/components/blocks/2024/promo.marko
+++ b/packages/common/components/blocks/2024/promo.marko
@@ -39,7 +39,7 @@ $ const imgOptions =  {
 
 <if(withImage === true)>
   <tr>
-    <td class="es-m-p0t es-m-p0b" align="left" style="Margin:0;padding-top:20px;padding-bottom:20px;padding-left:40px;padding-right:40px">
+    <td class="es-m-p0t es-m-p0b mobile-padding" align="left" style="Margin:0;padding-top:20px;padding-bottom:20px;padding-left:40px;padding-right:40px">
       <!--[if mso]><table style="width:560px" cellpadding="0" cellspacing="0"><tr><td style="width:96px" valign="top"><![endif]-->
       <table class="es-left" cellspacing="0" cellpadding="0" align="left" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;float:left">
         <tr>