diff --git a/resources/assets/vue/components/orders/elements/orderListComponent.vue b/resources/assets/vue/components/orders/elements/orderListComponent.vue
index 1197fec2..3ff056a8 100644
--- a/resources/assets/vue/components/orders/elements/orderListComponent.vue
+++ b/resources/assets/vue/components/orders/elements/orderListComponent.vue
@@ -20,17 +20,21 @@
             <div class="col">
                 <nav>
                     <div class="nav nav-tabs" id="nav-tab" role="tablist">
-                        <li class="nav-item">
+                         <a class="nav-item nav-link active" v-show="section!='orderList'" id="nav-order-completed-tab" data-toggle="tab" href="#nav-order-completed" role="tab" aria-controls="nav-order-completed" aria-selected="true">Completed</a>
+                         <a class="nav-item nav-link" id="nav-order-history-tab" data-toggle="tab" href="#nav-order-history" role="tab" aria-controls="nav-order-history" aria-selected="tab">Order History</a>
+ 
+                        <!-- <li class="nav-item">
                             <a class="nav-item nav-link"  v-bind:class="{ active: isCreateOrderSection }" v-show="section!='orderList'" id="nav-order-completed-tab" data-toggle="tab" href="#nav-order-completed" role="tab" aria-controls="nav-order-completed" aria-selected="tab">Completed</a>
                         </li>
                         <li class="nav-item">
                             <a class="nav-item nav-link" v-bind:class="{ active: isOrderList }"  id="nav-order-history-tab" data-toggle="tab" href="#nav-order-history" role="tab" aria-controls="nav-order-history" aria-selected="true">Order History</a>
-                        </li>
+                        </li> -->
                     </div>
                 </nav>
                 <div class="tab-content" id="nav-tabContent">
                     <loading-component style="height: 300px; top: 0;" key="1" color="success" v-show="!completedOrder && section!='orderList'" ></loading-component>
-                    <div class="tab-pane fade" v-bind:class="{ active: isCreateOrderSection ,show:isCreateOrderSection }" id="nav-order-completed" role="tabpanel" aria-labelledby="nav-order-completed-tab">
+                    <!-- <div class="tab-pane fade" v-bind:class="{ active: isCreateOrderSection ,show:isCreateOrderSection }" id="nav-order-completed" role="tabpanel" aria-labelledby="nav-order-completed-tab"> -->
+                    <div class="tab-pane fade show active" id="nav-order-completed" role="tabpanel" aria-labelledby="nav-order-completed-tab">
                         <!-- each order component-->
                         <div class="card m-t-15" v-if="completedOrder">
                             <div class="card-body">
@@ -43,7 +47,8 @@
                         </div>
 
                     </div>
-                    <div class="tab-pane fade" v-bind:class="{ active: isOrderList ,show:isOrderList }"  id="nav-order-history" role="tabpanel" aria-labelledby="nav-order-history-tab">
+                    <div class="tab-pane fade" id="nav-order-history" role="tabpanel" aria-labelledby="nav-order-history-tab">
+                    <!-- <div class="tab-pane fade" v-bind:class="{ active: isOrderList ,show:isOrderList }"  id="nav-order-history" role="tabpanel" aria-labelledby="nav-order-history-tab"> -->
                         <list-component key="2" section="purchaseOrderSection1" :endpoint="route('api.order.list')" :options="{per_page: 10, CompanyModuleId :company_module_id}">
                             <template slot="list" slot-scope="{data}">
                                 <div class="card m-t-15">