diff --git a/src/assets/components.css b/src/assets/components.css
index 5a6b80f..8654705 100644
--- a/src/assets/components.css
+++ b/src/assets/components.css
@@ -64,6 +64,9 @@
 .btn-c-primary {
   @apply text-neutral-50 bg-primary border border-primary hover:bg-neutral-50 hover:text-primary hover:border  hover:border-primary active:border active:ring focus:outline-none focus:border-primary focus:ring
 }
+.btn-cfm-secondary {
+  @apply text-neutral-50 bg-cfm-secondary border border-cfm-secondary hover:bg-neutral-50 hover:text-cfm-secondary hover:border  hover:border-cfm-secondary active:border active:ring focus:outline-none focus:border-cfm-secondary focus:ring
+}
 .btn-disable {
   @apply border border-neutral-200 bg-neutral-50 text-neutral-200
 }
diff --git a/src/components/Discover/Conformance/ConformanceResults.vue b/src/components/Discover/Conformance/ConformanceResults.vue
index ec310d9..b425705 100644
--- a/src/components/Discover/Conformance/ConformanceResults.vue
+++ b/src/components/Discover/Conformance/ConformanceResults.vue
@@ -149,13 +149,13 @@
                   </td>
                   <td class="p-2 min-w-[96px] w-2/5">
                     <div class="h-4 w-full bg-neutral-300 rounded-sm overflow-hidden">
-                      <div class="h-full bg-primary" :style="trace.value"></div>
+                      <div class="h-full bg-cfm-secondary" :style="trace.value"></div>
                     </div>
                   </td>
                   <td class="p-2 text-right truncate">{{ trace.count }}</td>
                   <td class="p-2 text-center">{{ trace.ratio }}%</td>
                   <td class="p-2 text-center">
-                    <div class="btn btn-sm btn-c-primary cursor-pointer" @click="openMore(trace.no)">More</div>
+                    <div class="btn btn-sm btn-cfm-secondary cursor-pointer" @click="openMore(trace.no)">More</div>
                   </td>
                 </tr>
               </tbody>