diff --git a/src/components/Discover/Conformance/ConformanceSidebar.vue b/src/components/Discover/Conformance/ConformanceSidebar.vue
index 28c7cda..a133921 100644
--- a/src/components/Discover/Conformance/ConformanceSidebar.vue
+++ b/src/components/Discover/Conformance/ConformanceSidebar.vue
@@ -40,6 +40,7 @@
         :isSubmitCfmCtEteEnd="isSubmitCfmCtEteEnd"
         :isSubmitCfmCtEteSE="isSubmitCfmCtEteSE"
         ></ConformanceSelectResult>
+        <!-- Time Range -->
         <ConformanceTimeRange
         @min-total-seconds="minTotalSeconds"
         @max-total-seconds="maxTotalSeconds"
diff --git a/src/components/Discover/Conformance/ConformanceSidebar/TimeRangeDuration.vue b/src/components/Discover/Conformance/ConformanceSidebar/TimeRangeDuration.vue
index 81d4bb4..cca960d 100644
--- a/src/components/Discover/Conformance/ConformanceSidebar/TimeRangeDuration.vue
+++ b/src/components/Discover/Conformance/ConformanceSidebar/TimeRangeDuration.vue
@@ -2,7 +2,7 @@
   <div class="flex justify-between items-center">
     <Durationjs :max="minVuemax" :min="minVuemin" :size="'min'" :updateMax="updateMax" @total-seconds="minTotalSeconds"></Durationjs>
       <span>~</span>
-    <Durationjs :max="maxVuemax" :min="maxVuemin" :size="'max'" @total-seconds="maxTotalSeconds"></Durationjs>
+    <Durationjs :max="maxVuemax" :min="maxVuemin" :size="'max'"  @total-seconds="maxTotalSeconds"></Durationjs>
   </div>
 </template>
 <script>
diff --git a/src/components/durationjs.vue b/src/components/durationjs.vue
index e6b020e..c63ba48 100644
--- a/src/components/durationjs.vue
+++ b/src/components/durationjs.vue
@@ -327,6 +327,11 @@ export default {
       }
     },
   },
+  created() {
+    this.$emitter.on('reset', (data) => {
+      this.createData();
+    });
+  },
   mounted() {
     this.inputTypes = this.display.split('');
   },