diff --git a/src/assets/tailwind.css b/src/assets/tailwind.css
index 5933e67..5ef3a6c 100644
--- a/src/assets/tailwind.css
+++ b/src/assets/tailwind.css
@@ -38,7 +38,7 @@
 /* components */
 /* button */
 .btn {
-@apply inline-block rounded-full text-base font-medium text-center align-middle transition-colors duration-300
+@apply inline-block rounded-full text-sm font-medium text-center align-middle transition-colors duration-300
 }
 .btn-sm {
 @apply px-5 py-2
diff --git a/src/components/Discover/sidebarFilter.vue b/src/components/Discover/sidebarFilter.vue
index 3d810cc..3f2104b 100644
--- a/src/components/Discover/sidebarFilter.vue
+++ b/src/components/Discover/sidebarFilter.vue
@@ -9,7 +9,7 @@
     <!-- header: filter -->
     <div v-if="tab === 'filter'" class="pt-4 bg-neutral-100 flex w-full h-full">
       <!-- title: filter silect -->
-      <div class="space-y-2 mr-4 w-56">
+      <div class="space-y-2 mr-4 w-56 text-sm">
         <div>
           <p class="h2">Filter Type</p>
           <div v-for="(item, index) in selectFilter['Filter Type']" :key="index" class="flex align-items-center">
@@ -506,10 +506,8 @@ export default {
 /* TimeLine */
 :deep(.p-timeline-event-marker) {
   @apply !bg-primary !border-primary !h-2 !w-2
-  /* @apply !bg-primary !border-primary */
 }
 :deep(.p-timeline-event-connector) {
   @apply !bg-primary my-2 !w-[1px]
-  /* @apply !bg-primary my-2 */
 }
 </style>
diff --git a/src/components/Discover/sidebarTraces.vue b/src/components/Discover/sidebarTraces.vue
index edddb76..a213f13 100644
--- a/src/components/Discover/sidebarTraces.vue
+++ b/src/components/Discover/sidebarTraces.vue
@@ -8,10 +8,10 @@
       <section class="w-80 h-full pr-4 border-r border-neutral-300">
         <p class="h2 px-2 mb-2">Trace List ({{ traceTotal }})</p>
         <p class="text-primary h2 px-2 mb-2">
-          <span class="material-symbols-outlined text-base align-[-10%] mr-2">info</span>Click trace number to see more.
+          <span class="material-symbols-outlined text-sm align-[-10%] mr-2">info</span>Click trace number to see more.
         </p>
         <div class="overflow-y-scroll overflow-x-hidden scrollbar mx-[-8px] max-h-[calc(100%_-_96px)]" >
-          <table class="border-separate border-spacing-x-2">
+          <table class="border-separate border-spacing-x-2 text-sm">
             <thead class="sticky top-0 z-10 bg-neutral-10">
               <tr>
                 <th class="h2 px-2 border-b border-neutral-500">Trace</th>
@@ -20,14 +20,14 @@
             </thead>
             <tbody>
               <tr v-for="(trace, key) in traceList" :key="key" class=" cursor-pointer hover:text-primary" @click="switchCaseData(trace.id)">
-                <td class="text-xs p-2">#{{ trace.id }}</td>
-                <td class="text-xs p-2 w-24">
+                <td class="p-2">#{{ trace.id }}</td>
+                <td class="p-2 w-24">
                   <div class="h-4 w-full bg-neutral-300 rounded-sm overflow-hidden">
                     <div class="h-full bg-primary" :style="progressWidth(trace.value)"></div>
                   </div>
                 </td>
-                <td class="text-xs py-2 text-right">{{ trace.count }}</td>
-                <td class="text-xs p-2">{{ trace.ratio }}</td>
+                <td class="py-2 text-right">{{ trace.count }}</td>
+                <td class="p-2">{{ trace.ratio }}</td>
               </tr>
             </tbody>
           </table>
@@ -42,7 +42,7 @@
           </div>
         </div>
         <div class="overflow-y-auto overflow-x-auto scrollbar h-[calc(100%_-_264px)]">
-          <DataTable :value="cases" showGridlines>
+          <DataTable :value="cases" showGridlines tableClass="text-sm">
             <Column field="id" header="Case ID" sortable></Column>
             <Column field="started_at" header="Start time" sortable></Column>
             <Column field="completed_at" header="End time" sortable></Column>
diff --git a/src/components/Discover/sidebarView.vue b/src/components/Discover/sidebarView.vue
index 1a3a6ab..e5e7851 100644
--- a/src/components/Discover/sidebarView.vue
+++ b/src/components/Discover/sidebarView.vue
@@ -69,12 +69,6 @@
         </ul>
       </div>
     </div>
-    <!-- 測試用 -->
-      <li class="mt-20">curve style: {{ curveStyle }}</li>
-      <li >map type:  {{ mapType }}</li>
-      <li >rank: {{ rank }}</li>
-      <li >Data Layer Type: {{ dataLayerType }}</li>
-      <li >Data Layer Option: {{ dataLayerOption }}</li>
   </Sidebar>
 </template>
 
diff --git a/src/components/Discover/table/actAndSeq.vue b/src/components/Discover/table/actAndSeq.vue
index b6fa3e3..052d66b 100644
--- a/src/components/Discover/table/actAndSeq.vue
+++ b/src/components/Discover/table/actAndSeq.vue
@@ -6,11 +6,11 @@
     </div>
     <!-- Table -->
     <div class="overflow-y-auto overflow-x-auto scrollbar -mx-2 h-[calc(100%_-_64px)]">
-      <table class="border-separate border-spacing-x-2 table-auto min-w-full" :class="data.length === 0? 'h-full': null">
+      <table class="border-separate border-spacing-x-2 table-auto min-w-full text-sm" :class="data.length === 0? 'h-full': null">
         <thead class="sticky top-0 left-0 z-10 bg-neutral-10">
           <tr>
-            <th class="text-start text-base font-semibold leading-10 px-2 border-b border-neutral-500">Activity</th>
-            <th class="text-base font-semibold leading-10 px-2 border-b border-neutral-500 text-start" colspan="3">Occurrences</th>
+            <th class="text-start font-semibold leading-10 px-2 border-b border-neutral-500">Activity</th>
+            <th class="font-semibold leading-10 px-2 border-b border-neutral-500 text-start" colspan="3">Occurrences</th>
           </tr>
         </thead>
         <Draggable :list="data" group="people" itemKey="name" tag="tbody" animation="300" @end="onEnd">
@@ -31,7 +31,7 @@
     </div>
   </div>
   <!-- Sequence -->
-  <div class="bg-neutral-10 border border-neutral-300 rounded-xl px-4 pb-4 w-full h-full relative">
+  <div class="bg-neutral-10 border border-neutral-300 rounded-xl px-4 pb-4 w-full h-full relative text-sm">
     <p class="h2 border-b border-500 my-2">Sequence&nbsp({{ listSeq.length }})</p>
     <!-- No Data -->
     <div v-if="listSequence.length === 0" class="p-4 w-[calc(100%_-_32px)] h-5/6 flex justify-center items-center absolute">
diff --git a/src/components/Discover/table/actOcc.vue b/src/components/Discover/table/actOcc.vue
index a3b3c2b..0e3db1a 100644
--- a/src/components/Discover/table/actOcc.vue
+++ b/src/components/Discover/table/actOcc.vue
@@ -7,7 +7,7 @@
     </div>
     <!-- Table -->
     <div class="overflow-y-auto overflow-x-auto scrollbar -mx-2 h-[calc(100%_-_64px)]">
-      <DataTable v-model:selection="select" :value="tableData" dataKey="label" tableClass="w-full !border-separate !border-spacing-x-2 !table-auto"  @row-select="onRowSelect">
+      <DataTable v-model:selection="select" :value="tableData" dataKey="label" tableClass="w-full !border-separate !border-spacing-x-2 !table-auto text-sm"  @row-select="onRowSelect">
         <ColumnGroup type="header">
           <Row>
               <Column selectionMode="single" headerClass="w-8 !p-2 !bg-neutral-10 !border-neutral-500 sticky top-0 left-0 z-10 bg-neutral-10"></Column>
diff --git a/src/components/Discover/table/actOccCase.vue b/src/components/Discover/table/actOccCase.vue
index 7bdf05c..dab4e62 100644
--- a/src/components/Discover/table/actOccCase.vue
+++ b/src/components/Discover/table/actOccCase.vue
@@ -7,7 +7,7 @@
     </div>
     <!-- Table -->
     <div class="overflow-y-auto overflow-x-auto scrollbar -mx-2 h-[calc(100%_-_64px)]">
-      <DataTable v-model:selection="select" :value="data" tableClass="w-full !border-separate !border-spacing-x-2 !table-auto" @row-select="onRowSelect" @row-unselect="onRowUnselect" @row-select-all="onRowSelectAll" @row-unselect-all="onRowUnelectAll">
+      <DataTable v-model:selection="select" :value="data" tableClass="w-full !border-separate !border-spacing-x-2 !table-auto text-sm" @row-select="onRowSelect" @row-unselect="onRowUnselect" @row-select-all="onRowSelectAll" @row-unselect-all="onRowUnelectAll">
         <ColumnGroup type="header">
           <Row>
               <Column selectionMode="multiple" headerClass="w-8 !p-2 !bg-neutral-10 !border-neutral-500 sticky top-0 left-0 z-10 bg-neutral-10"></Column>