diff --git a/resources/assets/js/home/CaseDetail.vue b/resources/assets/js/home/CaseDetail.vue
index 0056cb950..77e930053 100644
--- a/resources/assets/js/home/CaseDetail.vue
+++ b/resources/assets/js/home/CaseDetail.vue
@@ -60,7 +60,8 @@
             </div>
           </v-server-table>
         </div>
-        <TabsCaseDetail
+        <TabsCaseDetail 
+          ref="tabsCaseDetail" 
           :dataCaseStatus="dataCaseStatusTab"
           :dataCase="dataCase"
         ></TabsCaseDetail>
@@ -222,6 +223,10 @@ export default {
 
   mounted() {
     let that = this;
+    //restore tab selected to initial state
+    let hash = this.$refs["tabsCaseDetail"].$refs["tabs"].getTabHash(0);
+    this.$refs["tabsCaseDetail"].$refs["tabs"].selectTab(hash);
+    //set dataCase
     this.dataCase = this.$parent.dataCase;
     this.$el.getElementsByClassName("VuePagination__count")[0].remove();
     this.getDataCaseSummary();
diff --git a/resources/assets/js/home/TabsCaseDetail.vue b/resources/assets/js/home/TabsCaseDetail.vue
index 8fbbc757d..db873ad9d 100644
--- a/resources/assets/js/home/TabsCaseDetail.vue
+++ b/resources/assets/js/home/TabsCaseDetail.vue
@@ -1,6 +1,8 @@
 <template>
   <div>
-    <tabs @changed="changed">
+    <tabs 
+      ref="tabs" 
+      @changed="changed">
       <tab :name="$t('ID_STATUS')">
         <CaseStatus :data="dataCaseStatus"> </CaseStatus>
       </tab>