Диаграмма сети Vis Js перемещается в угол, когда используются вкладки jquery

Question

В Jquery я пытаюсь создать две сетевые диаграммы vis js на двух разных вкладках. Диаграмма второй вкладки всегда отображается в углу. по центру?

Вот мой html код:

    <div class="Tabs" style="padding-right: 0px !important;width:99%;">
         <section class="child_tab">
               <ul class="gt_labels_child grid_12 alpha omega">
                   <li>
                       <a id="assignedTab" href="#assignedTabContent" class="active_tab" >
                         <span>Tab1</span>
                       </a>
                    </li>
                    <li>
                       <a id="provisionedTab" href="#provisionedTabContent">
                         <span>Tab2</span>
                       </a>
                    </li>
                 </ul>
    </section>
</div>
    <section class="tab_content_child" style="display: block;width:100%;">
      <section id="assignedTabContent" class="Tab" style="display: block;width:99%;text-align: center;position:relaitive">
        <iframe src="https://visjs.github.io/vis-network/examples/network/physics/wind.html"></iframe>
      </section>
      <section id="provisionedTabContent" class="Tab" style="display: block;width:99%;position:relaitive">
        <iframe src="https://visjs.github.io/vis-network/examples/network/tests/hidden_edge_test.html">
        </iframe>
      </section>
</section>

jsfiddle для вышеуказанных логи c: https://jsfiddle.net/naresh_553/264gab9s/71/