diff --git a/src/views/Compare/Dashboard/index.vue b/src/views/Compare/Dashboard/index.vue
index 3b3d678..c9d7b88 100644
--- a/src/views/Compare/Dashboard/index.vue
+++ b/src/views/Compare/Dashboard/index.vue
@@ -6,13 +6,13 @@
         <aside class="border-r border-neutral-300 pr-4 mr-4 h-full sticky top-0 self-start">
           <section class="px-2 space-y-2 w-56 h-full">
             <div>
-              <p class="h2 text-base">Time Usage</p>
+              <p class="h1">Time Usage</p>
               <ul class="list-disc list-inside text-sm leading-5 pl-3">
                 <li v-for="(item, index) in timeUsageData" :key="index" :class="{active: isActive === item.tagId}" @click="isActive = item.tagId" class="cursor-pointer hover:text-primary"><a :href="item.tagId">{{ item.label }}</a></li>
               </ul>
             </div>
             <div>
-              <p class="h2 text-base">Frequency</p>
+              <p class="h1">Frequency</p>
               <ul class="list-disc list-inside text-sm leading-5 pl-3">
                 <li v-for="(item, index) in frequencyData" :key="index" :class="{active: isActive === item.tagId}" @click="isActive = item.tagId" class="cursor-pointer hover:text-primary"><a :href="item.tagId">{{ item.label }}</a></li>
               </ul>
@@ -22,10 +22,10 @@
         <!-- graph -->
         <article class="w-full h-full pr-2 mr-2 overflow-x-hidden overflow-y-auto scrollbar scroll-smooth">
           <section>
-            <p class="h2 px-4 border-b border-neutral-900"><span class="material-symbols-outlined mr-2 align-middle">schedule</span>Time Usage</p>
-            <ul class="list-disc list-inside px-4 pl-7">
+            <p class="h1 px-4 border-b border-neutral-900"><span class="material-symbols-outlined mr-2 align-middle">schedule</span>Time Usage</p>
+            <ul class="list-disc list-inside px-4 pl-7 text-sm">
               <li id="cycleTime" class="scroll-smooth">
-                <span class="inline-block py-4 text-sm">Cycle Efficiency</span>
+                <span class="inline-block py-4">Cycle Efficiency</span>
                 <ul>
                   <li class="bg-neutral-10 p-1 border border-neutral-300 rounded">
                     <span class="block font-bold text-sm leading-loose text-center my-2">{{ contentData.avgCycleEfficiency.title }}</span>
@@ -67,10 +67,10 @@
             </ul>
           </section>
           <section>
-            <p class="h2 px-4 border-b border-neutral-900 mt-2"><span class="material-symbols-outlined mr-2 align-middle">moving</span>Frequency</p>
-            <ul class="list-disc list-inside px-4 pl-7">
+            <p class="h1 px-4 border-b border-neutral-900 mt-2"><span class="material-symbols-outlined mr-2 align-middle">moving</span>Frequency</p>
+            <ul class="list-disc list-inside px-4 pl-7 text-sm">
               <li id="cases">
-                <span class="inline-block py-4 text-sm">Number of Cases</span>
+                <span class="inline-block py-4">Number of Cases</span>
                 <ul>
                   <li class="bg-neutral-10 mb-4 p-1 border border-neutral-300 rounded">
                     <span class="block font-bold text-sm leading-loose text-center my-2">{{ contentData.freq.title }}</span>