diff --git a/components/MainNav.vue b/components/MainNav.vue
index 1715fe4..2ddabf8 100644
--- a/components/MainNav.vue
+++ b/components/MainNav.vue
@@ -268,7 +268,7 @@ const links = computed(() => {
       <template #default="{item,index,open}">
         <UButton
           variant="ghost"
-          color="gray"
+          :color="item.children.find(i => route.path.includes(i.to)) ? 'primary' :   'gray'"
           :icon="item.icon"
         >
           {{item.label}}