<!-- inverse theme -->
<div class="panel panel-inverse panel-with-tabs">
  <div class="panel-heading p-0">
    <div class="tab-overflow">
      <ul class="nav nav-tabs nav-tabs-inverse">
        <li class="nav-item prev-button"><a href="javascript:;" data-click="prev-tab" class="nav-link text-primary"><i class="fa fa-arrow-left"></i></a></li>
        <li class="nav-item">
          <a href="#nav-tab-1" data-bs-toggle="tab" class="nav-link active">Nav Tab 1</a>
        </li>
        ...
        <li class="nav-item next-button"><a href="javascript:;" data-click="next-tab" class="nav-link text-primary"><i class="fa fa-arrow-right"></i></a></li>
      </ul>
    </div>
    <div class="panel-heading-btn me-2 ms-2 d-flex">
      <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-secondary" data-toggle="panel-expand"><i class="fa fa-expand"></i></a>
    </div>
  </div>
  <div class="panel-body tab-content">
    <div class="tab-pane fade active show" id="nav-tab-1">
      ...
    </div>
  </div>
</div>

<!-- default theme -->
<div class="panel panel-with-tabs">
  <div class="panel-heading p-0">
    <div class="tab-overflow">
      <ul class="nav nav-tabs">
        ...
      </ul>
    </div>
  </div>
</div>