Header Background applying to first 2 rows

Regular version of plugin 2.1.9 (tried rolling back to 2.1.8 and 2.1.7, but it was still having an issue. The table settings has a background color applied to header and default setting for odd and even rows but the 1st row with content after the header is also getting the color. Even when I insert an empty row right after the header, it’s still doing it to the next row with content. I don’t have pro so the option to set a cell background is blocked.

In the url I provided, two tables are having this problem: 2026 Bassoon Faculty & 2026 Band Instrument Repair

Here is code (first part of table) showing the the 2nd row is getting the background color via inline css.

          <div class="wptb-cell-content">
<div class="wptb-text-container" style="">
  <div><p><strong>Instructor Info</strong></p></div>
</div>
        </td>

        <td class="" colspan="1" rowspan="1" data-row="0" data-col="1" style="padding: 8px; background: #d9edf7; vertical-align: middle; color: #000000; font-size: 15px">

          <div class="wptb-cell-content"></div>

        </td>

        <td class="wptb-row-ending-cell" colspan="1" rowspan="1" data-row="0" data-col="2" style="padding: 8px; background: #d9edf7; vertical-align: middle; color: #000000; font-size: 15px">

          <div class="wptb-cell-content">
<div class="wptb-text-container" style="">
  <div><p><strong>Session Info</strong></p></div>
</div>

        </td>
      </tr><tr class="wptb-row" style="">
        <td class="" colspan="1" rowspan="1" data-row="1" data-col="0" style="padding: 8px; background: #d9edf7; vertical-align: middle; color: #000000; font-size: 15px">

          <div class="wptb-cell-content">
<div class="wptb-image-container" style="">
  <div class="wptb-image-wrapper">
    <div class="wptb-link-target" style="justify-content: center"><img style="width: 50%" src="https://internationalmusiccamp.com/wp-content/uploads/2014/08/Chris-Piecuch-Pic.jpg" alt="" loading="lazy" decoding="async" class="wptb-image-element-target" data-wptb-size="0px:0px"></div>
  </div>
</div>

        </td>

        <td class="" colspan="1" rowspan="1" data-row="1" data-col="1" style="padding: 8px; background: #d9edf7; vertical-align: middle; color: #000000; font-size: 15px">

          <div class="wptb-cell-content">
<div class="wptb-text-container" style="">
  <div><p><strong>Chris Piecuch</strong><br>Memphis, Tennessee<br></p></div>
</div>

<div class="wptb-text-container" style="color: #ffffff">
  <div></div>
</div>

<div style="" class="wptb-button-container wptb-ph-element wptb-element-button-404 wptb-preview-block">
  <div class="wptb-button-wrapper wptb-size-s" style="justify-content: flex-start">
    <a class="wptb-link-target" style="width: 100%" href="https://internationalmusiccamp.com/wp-content/uploads/2014/08/Chris-Piecuch-Bio.pdf" target="_blank">
      <div class="wptb-button wptb-plugin-button-order-left" style="border-radius: 5px; --wptb-btn-bg: #4A90E2FF; --wptb-btn-color: #FFFFFF; --wptb-btn-hover-scale: 1; justify-content: center; position: relative">
        <p style="font-size: 15px">Bio</p>


      </div>
    </a>
  </div>
</div>

        </td>

        <td class="wptb-row-ending-cell" colspan="1" rowspan="1" data-row="1" data-col="2" style="padding: 8px; background: #d9edf7; vertical-align: middle; color: #000000; font-size: 15px">

          <div class="wptb-cell-content">
<div class="wptb-text-container" style="">
  <div><p><strong>Sessions 1 &amp; 2</strong></p><p>June 14-27, 2026</p></div>
</div>

        </td>
      </tr>

The page I need help with: [log in to see the link]