diff --git a/app/components/home/live/Activity.vue b/app/components/home/live/Activity.vue
index a3d84a3..9a4421c 100644
--- a/app/components/home/live/Activity.vue
+++ b/app/components/home/live/Activity.vue
@@ -82,7 +82,7 @@ const statusLabel = computed(() => {
 
       <div
         v-if="currentSession"
-        class="space-y-1 pl-6 border-l-2 border-neutral-100 dark:border-neutral-800 ml-1.5"
+        class="space-y-1 pl-6 border-l-2 border-neutral-200 dark:border-neutral-800 ml-1.5"
       >
         <div class="flex flex-col sm:flex-row sm:items-center gap-1 sm:gap-2">
           <h3 class="font-semibold text-neutral-900 dark:text-white truncate">
diff --git a/app/components/home/live/Stats.vue b/app/components/home/live/Stats.vue
index a86b01f..4cae27f 100644
--- a/app/components/home/live/Stats.vue
+++ b/app/components/home/live/Stats.vue
@@ -24,7 +24,7 @@ const topOS = computed(() => stats.value?.os.slice(0, 2) || [])
       <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
         <UCard>
           <div class="flex items-center gap-4">
-            <div class="p-3 bg-primary-50 dark:bg-primary-900/20 rounded-lg text-primary-500 flex items-center justify-center">
+            <div class="p-3 bg-primary-200 dark:bg-primary-900 rounded-lg text-primary-500 flex items-center justify-center">
               <UIcon
                 name="i-ph-clock-duotone"
                 class="w-8 h-8"
@@ -43,7 +43,7 @@ const topOS = computed(() => stats.value?.os.slice(0, 2) || [])
 
         <UCard>
           <div class="flex items-center gap-4">
-            <div class="p-3 bg-emerald-50 dark:bg-emerald-900/20 rounded-lg text-emerald-500 flex items-center justify-center">
+            <div class="p-3 bg-emerald-100 dark:bg-emerald-900/20 rounded-lg text-emerald-500 flex items-center justify-center">
               <UIcon
                 name="i-ph-calendar-check-duotone"
                 class="w-8 h-8"