<template>

  <MDBContainer>

    <MDBTabs>

      <!-- Tabs navs -->

      <MDBTabNav tabs-classes="mb-3 text-center">

        <MDBTabItem

                    tag="button"

                    :wrap="false"

                    tab-id="ex6-1"

                    class="fw-bold"

                    >Click This Tab</MDBTabItem

          >

      </MDBTabNav>

      <!-- Tabs navs -->

      <!-- Tabs content -->

      <MDBTabContent>

        <MDBTabPane tab-id="ex6-1">

          <MDBInput label="THIS LABEL OVERLAPS WITH THE BORDER"></MDBInput>

         </MDBTabPane>

      </MDBTabContent>

      <!-- Tabs content -->

    </MDBTabs>

  </MDBContainer>

  <hr/>

  <div id="outsideOfTabs">

    <MDBInput label="THIS LABEL DOES NOT OVERLAP WITH THE BORDER"></MDBInput>

  </div>

</template>