diff --git a/src/components/Discover/Filter/Timeframes.vue b/src/components/Discover/Filter/Timeframes.vue
index f7fcd49..332089b 100644
--- a/src/components/Discover/Filter/Timeframes.vue
+++ b/src/components/Discover/Filter/Timeframes.vue
@@ -1,4 +1,9 @@
-<template></template>
+<template>
+  <div class="bg-neutral-10 border border-neutral-300 rounded-xl px-4 w-full h-full">
+    <p class="h2">Hello World</p>
+
+  </div>
+</template>
 <script>
 export default{
   methods: {
diff --git a/src/components/Discover/SidebarFilter.vue b/src/components/Discover/SidebarFilter.vue
index 5b21559..aee714c 100644
--- a/src/components/Discover/SidebarFilter.vue
+++ b/src/components/Discover/SidebarFilter.vue
@@ -66,7 +66,7 @@
         <!-- Filter titles -->
         <div class="space-y-2 w-full h-[calc(100%_-_48px)]">
           <!-- title: Activity Select  -->
-          <div class="w-full h-[calc(100%_-_48px)]" v-if="selectValue[0] === 'Sequence'">
+          <div class="w-full h-[calc(100%_-_40px)]" v-if="selectValue[0] === 'Sequence'">
             <p class="h2 ml-1">Activity Select</p>
             <!-- Filter task Data-->
             <ActOccCase v-if="selectValue[0] === 'Sequence' && selectValue[1] === 'Have activity(s)'" :tableTitle="'Activity List'" :tableData="filterAllTaskData" :tableSelect="selectFilterTask" :progressWidth ="progressWidth" @on-row-select="onRowAct"></ActOccCase>
@@ -86,6 +86,8 @@
           </div>
           <!-- title: Trace -->
           <Trace v-if="selectValue[0] === 'Trace'" ref="filterTraceView"></Trace>
+          <!-- title: Timeframes -->
+          <Timeframes v-if="selectValue[0] === 'Timeframes'"></Timeframes>
         </div>
 
         <!-- Button -->
@@ -109,6 +111,7 @@ import ActOcc from '@/components/Discover/Filter/ActOcc.vue';
 import ActAndSeq from '@/components/Discover/Filter/ActAndSeq.vue';
 import Funnel from '@/components/Discover/Filter/Funnel.vue';
 import Trace from '@/components/Discover/Filter/Trace.vue';
+import Timeframes from '@/components/Discover/Filter/Timeframes.vue';
 
 export default {
   props: ['sidebarFilter', 'filterTasks', 'filterStartToEnd', 'filterEndToStart', 'filterTimeframe', 'filterTrace'],
@@ -160,6 +163,7 @@ export default {
     ActAndSeq,
     Funnel,
     Trace,
+    Timeframes,
   },
   computed: {
     // All Task