Hello,

I've been experiencing an issue for the past several week's with iPhone 7 and 8 renderings. There's extra space above and between tables.

Here's the renderings on both clients:

All other clients render the email correctly, including the iPhone 6, iPhone 7 Plus and iPhone 8 Plus:

I've included the email code below. Any suggestions would be greatly appreciated!


<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<style type="text/css">
    /* FONTS */
    @media screen {
        @font-face {
          font-family: "Theinhardt-web";
          src: url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtlight_alt-webfont.eot");
          src: url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtlight_alt-webfont.eot?#iefix") format("embedded-opentype"),url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtlight_alt-webfont.woff") format("woff"),url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtlight_alt-webfont.ttf") format("truetype");
          font-weight: 100;
          font-style: normal;
        }

        @font-face {
          font-family: "Theinhardt-web";
          src: url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtlightit-webfont.eot");
          src: url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtlightit-webfont.eot?#iefix") format("embedded-opentype"),url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtlightit-webfont.woff") format("woff"),url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtlightit-webfont.ttf") format("truetype");
          font-weight: 100;
          font-style: italic;
        }

        @font-face {
          font-family: "Theinhardt-web";
          src: url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtreg-webfont.eot");
          src: url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtreg-webfont.eot?#iefix") format("embedded-opentype"),url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtreg-webfont.woff") format("woff"),url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtreg-webfont.ttf") format("truetype");
          font-weight: 400;
          font-style: normal;
        }

        @font-face {
          font-family: "Theinhardt-web";
          src: url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtregit-webfont.eot");
          src: url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtregit-webfont.eot?#iefix") format("embedded-opentype"),url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtregit-webfont.woff") format("woff"),url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtregit-webfont.ttf") format("truetype");
          font-weight: 400;
          font-style: italic;
        }

        @font-face {
          font-family: "Theinhardt-web";
          src: url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtmed-webfont.eot");
          src: url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtmed-webfont.eot?#iefix") format("embedded-opentype"),url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtmed-webfont.woff") format("woff"),url("http://design-kit.arc.ht/fonts/theinhardt/theinhardtmed-webfont.ttf") format("truetype");
          font-weight: 800;
          font-style: normal;
        }
    }

    p {
        font-weight: 300;
        line-height: 1.7; 
        margin-top: 4px;
    }

    h1 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 0px;
    }

    h2 {
          font-size: 20px;
        line-height: 30px;
        font-weight: 400;
        letter-spacing: 1px !important;
        margin-bottom: 2px !important;
    }
    h5 {
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 1.4px !important;
        line-height: 10px;
    }

    /* CLIENT-SPECIFIC STYLES */
    body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
    table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
    img { -ms-interpolation-mode: bicubic; }

    /* RESET STYLES */
    img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; }
    table { border-collapse: collapse !important; }
    body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; }

     a {
         color: #1CA3FC;
         text-decoration: none;
    }
    /* iOS BLUE LINKS */
    a[x-apple-data-detectors] {
        color: inherit !important;
        text-decoration: none !important;
        font-size: inherit !important;
        font-family: inherit !important;
        font-weight: inherit !important;
        line-height: inherit !important;
    }

    /* MOBILE STYLES */
    @media screen and (max-width:600px){
        h1 {
            font-size: 32px !important;
            line-height: 32px !important;
        }
    }

    /* ANDROID CENTER FIX */
    div[style*="margin: 16px 0;"] { margin: 0 !important; }
</style>
</head>
<body style="background-color: #F7F9FA; margin: 0 !important; padding: 0 !important;">

<!-- HIDDEN PREHEADER TEXT -->
<div style="display: none; font-size: 1px; color: #fefefe; line-height: 1px; font-family: 'Theinhardt', Helvetica, Arial, sans-serif; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden;">
Pricing: It’s perhaps the most challenging topic of all for manufacturers to talk about with prospective customers, but is also among the most important.
</div>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
    <!-- LOGO -->
    <tbody><tr>
        <td bgcolor="#F7F9FA" align="center" class="">
            <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
            <tr>
            <td align="center" valign="top" width="600">
            <![endif]-->
            <!-- BG Logo -->
            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
                <tbody><tr>
                    <td align="left" valign="middle" style="padding: 40px;" class="">
                        <a href="https://architizer.com/source?utm_source=eloqua&utm_medium=email&utm_campaign=source-week-in-review_manufacturer&elqTrackId=9742ddcf827b4945acc62c51e2179fe4&elqTrack=true" target="_blank">
                            <img alt="Architizer Source" src="http://design-kit.arc.ht/docs/logo/source-logo.png" width="160" class="" />
                        </a>
                    </td>
                    <td align="right" valign="middle" style="padding: 40px;font-family: 'Theinhardt', Helvetica, Arial, sans-serif; font-size: 30px; font-weight: 400; letter-spacing: 3px; line-height: 30px;" class="">
                        <h5 style="font-size: 10px; font-weight: 600; margin: 0; letter-spacing: 1.2px; color: #292929" class="">FIND ARCHITECTURAL PRODUCTS. FASTER.</h5>
                    </td>
                </tr>
            </tbody></table>
            <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->
        </td>
    </tr>
    <!-- HERO / TITLE SECTION BLOCK -->
    <tr>
        <td bgcolor="#F7F9FA" align="center" style="padding: 0px 40px;" class="">
            <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
            <tr>
            <td align="center" valign="top" width="600">
            <![endif]-->
            <table cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
                <tbody><tr>
                    <td bgcolor="#FFFFFF" align="left" valign="middle" style="padding: 40px 40px 0px 40px; border-radius: 3px 3px 0px 0px; color: #111111; font-family: 'Theinhardt', Helvetica, Arial, sans-serif; font-size: 30px; letter-spacing: 2px; line-height: 30px;" class="">
                          <h2 style="font-size: 25px; font-weight: 500; margin: 0;" class="">Source Week in Review</h2>
                        <!-- <h4 style="font-size: 16px; font-weight: 400; margin: 0; letter-spacing: 0.8px">What happened last week.</h4> -->
                    </td>
                </tr>
                  <!-- SECTION BLOCK -->
                <tr>
                   <td bgcolor="#ffffff" align="left" style="padding: 10px 40px 0px 40px; color: #292929; font-family: 'Theinhardt', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 300; line-height: 25px;" class="">
                      <!-- SECTION HEADING -->
<!--                     <h5 style="margin: 0 0 6px 0;">WEEK IN REVIEW</h5> -->
                      <!-- COPY -->
                     <p style="color: rgb(41, 41, 41); font-family: Theinhardt, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 300; line-height: 25px; border-style: none;" class=""></p><div class="">Pricing: It’s perhaps the most challenging topic of all for manufacturers to talk about with prospective customers, but is also among the most important. </div><p>
                    </p></td>
                </tr>
                  <tr>
                                <!-- Feature Info -->
                                <td bgcolor="#ffffff" align="left" style="padding: 10px 40px 0px 40px; color: #292929; font-family: 'Theinhardt', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 300; line-height: 25px;" class="">
                     <!-- SECTION HEADING -->
                                  <h5 style="margin: 0 0 6px 0;" class="">PRO TIPS TO GET SELECTED</h5>
                       <!-- COPY HEADER -->  

                        <p></p><h2 style="margin: 0;" class=""><div class="">How to Talk About Pricing With Architects</div></h2>
                                    <p style="color: rgb(41, 41, 41); font-family: Theinhardt, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 300; line-height: 25px; border-style: none;" class=""><font style="font-size: 16px;">The first thing to keep in mind is that pricing is very important to architects — it’s one of the primary factors they must consider when comparing building-products for their project. <a href="https://architizer.com/blog/how-to-talk-about-pricing-with-architects/?utm_source=eloqua&utm_medium=email&utm_campaign=source-week-in-review_manufacturer&elqTrackId=A9B739A98D00C7918B861283C8EB13E8&elqTrack=true" data-targettype="webpage"><font color="#1ca2fc">But what do you do when you don’t have all the facts?</font></a></font></p>
                                </td>
                            </tr>
                            <!-- Feature Image -->
                            <tr>
                                <td bgcolor="#ffffff" height="300px" width="100%" align="left" valign="middle" style="background-repeat: no-repeat; background-size: contain; background-position: center center; border-style: none;" class=""><a href="https://architizer.com/blog/how-to-talk-about-pricing-with-architects/?utm_source=eloqua&utm_medium=email&utm_campaign=source-week-in-review_manufacturer&elqTrack=true" data-targettype="webpage" class="" title="null"><img src="http://Images.response.architizer.com/EloquaImages/clients/ArchitizerInc1/%7Bee54f205-64f1-4529-8e09-67ff3b4d25d6%7D_Pricing_With_Architects.jpg" /></a>
                                </td>



<!-- Feature 1 -->
                            </tr></tbody>
            </table></td></tr></tbody>
            <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->


   <!-- Trends Row -->
    <tbody><tr>
        <td bgcolor="#F7F9FA" align="center" style="padding: 0px 40px;" class="">
            <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
            <tr>
            <td align="center" valign="top" width="600">
            <![endif]-->
            <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;" class="">
                <tbody><tr>
                    <!-- FEATURES HEADING -->
                    <td bgcolor="#ffffff" align="left" style="padding: 20px 40px 0px 40px; color: #292929; font-family: 'Theinhardt', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px;" class="">
                        <h5 style="margin: 0;" class="">WEEKLY SOURCE TRENDS</h5>
                    </td>
                </tr>
                <!-- TREND ROW-->
                <tr>
                    <!-- TREND A -->
                       <td bgcolor="#ffffff" align="left" valign="top" width="50%" style="padding: 10px 40px 0px 40px; color: #292929; font-family: 'Theinhardt', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 300; line-height: 25px;" class="">
                        <h2 style="font-size: 25px; line-height:1; margin-top:12px" class="">
                            118</h2>
                        <p style="line-height:1.3;" class="">new opportunities created.
                       </p>
                    </td>
                    <!-- TREND B -->
                    <td bgcolor="#ffffff" align="left" valign="top" width="50%" style="padding: 10px 40px 0px 40px; color: #292929; font-family: 'Theinhardt', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 300; line-height: 25px;" class="">
                        <h2 style="font-size: 25px; line-height:1; margin-top:12px" class="">
                            24</h2>
                        <p style="line-height:1.3;" class="">new projects added.</p>
                    </td>
                </tr>
                <!-- TREND ROW-->
                <tr>
                     <!-- TREND A -->
                    <td bgcolor="#ffffff" align="left" valign="top" width="50%" style="padding: 10px 40px 0px 40px; color: #292929; font-family: 'Theinhardt', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 300; line-height: 25px;" class="">
                        <h2 style="font-size: 20px; line-height: 1.2; font-weight: 500; border-style: none;" class=""><a href="https://architizer.com/firms/the-beck-group/?utm_source=eloqua&utm_medium=email&utm_campaign=source-week-in-review_manufacturer&elqTrack=true" style="text-decoration: underline; color:#292929;" title="null" data-targettype="webpage">The Beck Group</a></h2>
                        <p style="line-height:1.3;" class="">
                            is the newest of 5 firms.
                       </p>
                    </td>
                    <!-- TREND B -->
                    <td bgcolor="#ffffff" align="left" valign="top" width="50%" style="padding: 10px 40px 0px 40px; color: #292929; font-family: 'Theinhardt', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 300; line-height: 25px;" class="">
                        <h2 style="font-size: 20px; line-height: 1.2; font-weight: 500; border-style: none;" class=""><a href="https://architizer.com/firms/hok/?utm_source=eloqua&utm_medium=email&utm_campaign=source-week-in-review_manufacturer&elqTrack=true" style="text-decoration: underline; color:#292929;" title="null" data-targettype="webpage">HOK</a></h2>
                        <p style="line-height:1.3;" class="">
                            is the most active firm.
                       </p>
                    </td>
                </tr>
            </tbody></table>
            <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->
        </td>
    </tr> 


    <!-- CTA Row -->
    <tr>
        <td bgcolor="#F7F9FA" align="center" style="padding: 0px 40px 0px 40px;" class="">
            <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
            <tr>
            <td align="center" valign="top" width="600">
            <![endif]-->
            <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
                <!-- Source Button -->
                <tbody><tr>
                  <td bgcolor="#ffffff" align="center" style="padding: 30px; border-radius: 0 0 3px 3px;" class="">
                    <table border="0" cellspacing="0" cellpadding="0">
                      <tbody><tr>
                          <td align="center" width="520px" style="border: 1px solid #1CA3FC; border-radius: 3px; padding: 12px;" bgcolor="#1CA3FC" class="">
                              <a href="https://architizer.com/source?utm_source=eloqua&utm_medium=email&utm_campaign=source-week-in-review_manufacturer&elqTrackId=48eb7a6a99f94d0e8add88b1ee626548&elqTrack=true" target="_blank" style="font-size: 20px; font-family: 'Theinhardt', Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; border-radius: 3px; display: inline-block;">Go to Source</a>
                          </td>
                      </tr>
                    </tbody></table>
                  </td>
                </tr>
            </tbody></table>
            <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->
        </td>
    </tr>
    <!-- FOOTER -->
    <tr>
        <td align="center" style="padding: 40px 40px 0px 40px;" class="">
            <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
            <tr>
            <td align="center" valign="top" width="600">
            <![endif]-->
            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
              <!-- PERMISSION REMINDER -->
              <tbody><tr>
                <td align="left" style="padding: 0 0 10px 0; color: #292929; font-family: 'Theinhardt', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 300; line-height: 12px;" class="">
                  <p style="line-height: 20px;" class="">Source is designed to change the way architects work - don't be shy! Let us know if there is something in particular you want to hear about or if you have feedback in general by emailing us at <a href="mailto:source@architzer.com" target="_blank" style="color: #859DAF;">source@architzer.com</a>.</p>
                </td>
              </tr>
              <!-- UNSUBSCRIBE -->
              <tr>
                <td align="left" style="padding: 0 0 10px 0; color: #292929; font-family: 'Theinhardt', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 300; line-height: 12px;" class="">
                  <p style="line-height: 20px;" class="">You are receiving this email because you signed up for Source Week in Review. 
                      <br /><a href="http://s840291656.t.en25.com/e/sl?s=~~eloqua..type--emailfield..syntax--siteid..encodeFor--url~~" target="_blank" style="color: #859DAF;" data-targettype="sysaction">Click Here</a> to update your subscription settings.</p>
                </td>
              </tr>
              <!-- ADDRESS -->
              <tr>
                <td align="left" style="padding: 0 0 10px 0; color: #292929; font-family: 'Theinhardt', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 300; line-height: 12px;">
                  <p style="line-height: 20px;"><a href="https://architizer.com/?utm_source=eloqua&utm_medium=email&utm_campaign=source-week-in-review_manufacturer&elqTrackId=6ebcd8b0f71e4c0bab1b0fc77721f2be&elqTrack=true" target="_blank" style="color: #859DAF;">Architizer</a>, 1 Whitehall Street, New York, NY 10004</p>
                </td>
              </tr>
            </tbody></table>
            <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->
        </td>
    </tr>




</tbody></table></body></html>