diff --git a/layers/components/layouts/EventNavigation.vue b/layers/components/layouts/EventNavigation.vue
index 9bf8a6d..7d827aa 100644
--- a/layers/components/layouts/EventNavigation.vue
+++ b/layers/components/layouts/EventNavigation.vue
@@ -165,6 +165,6 @@ onMounted(async () => {
   @apply opacity-100;
 }
 .router-link-active .item-title {
-  @apply text-[var(--primary)] opacity-100;
+  @apply text-[var(--text-primary)] opacity-100;
 }
 </style>
diff --git a/layers/components/layouts/Header.vue b/layers/components/layouts/Header.vue
index bc0f931..8571dbe 100644
--- a/layers/components/layouts/Header.vue
+++ b/layers/components/layouts/Header.vue
@@ -599,7 +599,7 @@ onMounted(() => {
 }
 
 [data-theme='light'] {
-  .btn-start .nav-2depth:deep(.btn-base) .icon-platform {
+  .btn-start .nav-2depth:deep(.btn-base) .icon-platform svg {
     @apply fill-[#1F1F1F];
   }
 }