diff --git a/src/modules/03_logs/components/CardComponents.vue b/src/modules/03_logs/components/CardComponents.vue
index 8792ffeb..3a11f71c 100644
--- a/src/modules/03_logs/components/CardComponents.vue
+++ b/src/modules/03_logs/components/CardComponents.vue
@@ -14,7 +14,7 @@ defineProps<{
     <div :class="`avatar-color-${index + 1}`">
       <q-avatar size="70px" :icon="icon" class="avatar-color" />
     </div>
-    <div class="q-mt-md text-center text-bold" style="font-size: 16px">
+    <div class="q-mt-md text-center text-weight-medium" style="font-size: 16px">
       {{ label }}
     </div>
   </div>
@@ -22,7 +22,7 @@ defineProps<{
 
 <style scoped>
 .avatar-color {
-  background: rgba(var(--color), 0.3); /* 0.5 คือค่า alpha */
+  background: rgba(var(--color), 1); /* 0.5 คือค่า alpha */
 }
 
 .avatar-color-1 {