Block: Table of Contents

For some reason, the link to the “Accordion” headline is not wrapped in a

like the other links. It throws the indent off and is incorrect markup. Is there something I’m doing that is making it do this?

    <div class="uagb-toc__list-wrap" data-headers="[{&quot;tag&quot;:1,&quot;text&quot;:&quot;H1 Heading&quot;,&quot;link&quot;:&quot;h1-heading&quot;,&quot;content&quot;:&quot;H1 Heading&quot;,&quot;level&quot;:0},{&quot;tag&quot;:2,&quot;text&quot;:&quot;H2 Heading&quot;,&quot;link&quot;:&quot;h2-heading&quot;,&quot;content&quot;:&quot;H2 Heading&quot;,&quot;level&quot;:1},{&quot;tag&quot;:3,&quot;text&quot;:&quot;H3 Heading&quot;,&quot;link&quot;:&quot;h3-heading&quot;,&quot;content&quot;:&quot;H3 Heading&quot;,&quot;level&quot;:2},{&quot;tag&quot;:4,&quot;text&quot;:&quot;H4 Heading&quot;,&quot;link&quot;:&quot;h4-heading&quot;,&quot;content&quot;:&quot;H4 Heading&quot;,&quot;level&quot;:3},{&quot;tag&quot;:5,&quot;text&quot;:&quot;H5 Heading&quot;,&quot;link&quot;:&quot;h5-heading&quot;,&quot;content&quot;:&quot;H5 Heading&quot;,&quot;level&quot;:4},{&quot;tag&quot;:6,&quot;text&quot;:&quot;H6 Heading&quot;,&quot;link&quot;:&quot;h6-heading&quot;,&quot;content&quot;:&quot;H6 Heading&quot;,&quot;level&quot;:5},{&quot;tag&quot;:3,&quot;text&quot;:&quot;Accordion&quot;,&quot;link&quot;:&quot;accordion&quot;,&quot;content&quot;:&quot;Accordion&quot;,&quot;level&quot;:2},{&quot;tag&quot;:5,&quot;text&quot;:&quot;This is a Short code Table Headers are not available&quot;,&quot;link&quot;:&quot;this-is-a-short-code-table-headers-are-not-available&quot;,&quot;content&quot;:&quot;This is a Short code Table Headers are not available&quot;,&quot;level&quot;:3},{&quot;tag&quot;:5,&quot;text&quot;:&quot;This is a Block Editor Table with Headers & style stripes&quot;,&quot;link&quot;:&quot;this-is-a-block-editor-table-with-headers-style-stripes&quot;,&quot;content&quot;:&quot;This is a Block Editor Table with Headers & style stripes&quot;,&quot;level&quot;:3}]">
      <ul class="uagb-toc__list">
        <li>
          <a href="#h1-heading">H1 Heading</a>
        </li>
      </ul>
      <ul class="uagb-toc__list">
        <li>
          <a href="#h2-heading">H2 Heading</a>
        </li>
      </ul>
      <ul class="uagb-toc__list">
        <li>
          <a href="#h3-heading">H3 Heading</a>
        </li>
      </ul>
      <ul class="uagb-toc__list">
        <li>
          <a href="#h4-heading">H4 Heading</a>
        </li>
      </ul>
      <ul class="uagb-toc__list">
        <li>
          <a href="#h5-heading">H5 Heading</a>
        </li>
      </ul>
      <ul class="uagb-toc__list">
        <li>
          <a href="#h6-heading">H6 Heading</a>
        </li>
      </ul>
      <li>
        <a href="#accordion">Accordion</a>
      </li>
      <ul class="uagb-toc__list">
        <li>
          <a href="#this-is-a-short-code-table-headers-are-not-available">This is a Short code Table Headers are not available</a>
        </li>
        <li>
          <a href="#this-is-a-block-editor-table-with-headers-style-stripes">This is a Block Editor Table with Headers & style stripes</a>
        </li>
      </ul>
    </div>

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